Merge version_1 into main #1
324
src/app/page.tsx
324
src/app/page.tsx
@@ -34,33 +34,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "About Us", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Rajkamal Petrol Pump"
|
||||
/>
|
||||
@@ -69,72 +55,47 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Welcome to Rajkamal Petrol Pump"
|
||||
description="Your trusted destination for quality fuels and convenient services. Experience reliability and efficiency with every visit."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440224.jpg"
|
||||
imageAlt="Modern petrol pump station with cars refueling"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crop-female-holding-inflator-service-station_23-2148150117.jpg",
|
||||
alt: "Satisfied customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/crop-female-holding-inflator-service-station_23-2148150117.jpg", alt: "Satisfied customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516375.jpg",
|
||||
alt: "Happy driver",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516375.jpg", alt: "Happy driver"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440202.jpg",
|
||||
alt: "Petrol pump user",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440202.jpg", alt: "Petrol pump user"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-spending-time-gas-station_23-2150440206.jpg",
|
||||
alt: "Smiling patron",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-spending-time-gas-station_23-2150440206.jpg", alt: "Smiling patron"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-female-researcher-with-gloves-test-tubes_23-2148816444.jpg",
|
||||
alt: "Regular customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-female-researcher-with-gloves-test-tubes_23-2148816444.jpg", alt: "Regular customer"},
|
||||
]}
|
||||
avatarText="Join 500+ happy customers daily!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Quality Fuel",
|
||||
icon: Droplet,
|
||||
type: "text-icon", text: "Quality Fuel", icon: Droplet,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Convenience Store",
|
||||
icon: Building,
|
||||
type: "text-icon", text: "Convenience Store", icon: Building,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Car Wash",
|
||||
icon: Droplets,
|
||||
type: "text-icon", text: "Car Wash", icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "EV Charging",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "EV Charging", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Friendly Service",
|
||||
icon: Smile,
|
||||
type: "text-icon", text: "Friendly Service", icon: Smile,
|
||||
},
|
||||
]}
|
||||
marqueeSpeed={35}
|
||||
@@ -148,17 +109,11 @@ export default function LandingPage() {
|
||||
description="For over two decades, Rajkamal Petrol Pump has been a cornerstone of reliable fuel supply and exceptional customer service in the community. We are committed to providing high-quality fuels, a convenient shopping experience, and a friendly atmosphere for all our customers."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years in Service",
|
||||
},
|
||||
value: "20+", title: "Years in Service"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Happy Customers Daily",
|
||||
},
|
||||
value: "500+", title: "Happy Customers Daily"},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Fuel Purity Score",
|
||||
},
|
||||
value: "99%", title: "Fuel Purity Score"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/world-science-day-research-innovation-elements_23-2151812388.jpg"
|
||||
imageAlt="Petrol pump attendant smiling and helping a customer"
|
||||
@@ -173,45 +128,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Fuel Quality",
|
||||
title: "Premium Fuel Quality",
|
||||
subtitle: "Tested for Purity",
|
||||
description: "We ensure every drop of fuel meets the highest standards, providing optimal performance for your vehicle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-male-chemist-white-special-suit-holding-little-flask-with-blue-solution-cream-wall-science-experiment-chemistry-scientific_140725-37432.jpg",
|
||||
imageAlt: "Fuel quality testing equipment",
|
||||
buttons: [
|
||||
tag: "Fuel Quality", title: "Premium Fuel Quality", subtitle: "Tested for Purity", description: "We ensure every drop of fuel meets the highest standards, providing optimal performance for your vehicle.", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-male-chemist-white-special-suit-holding-little-flask-with-blue-solution-cream-wall-science-experiment-chemistry-scientific_140725-37432.jpg", imageAlt: "Fuel quality testing equipment", buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Convenience",
|
||||
title: "Fully Stocked Convenience Store",
|
||||
subtitle: "Grab & Go Essentials",
|
||||
description: "From snacks and beverages to automotive essentials, our store has everything you need on the go.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-looks-around-bio-food-shop_482257-109314.jpg",
|
||||
imageAlt: "Interior of a bright convenience store",
|
||||
buttons: [
|
||||
tag: "Convenience", title: "Fully Stocked Convenience Store", subtitle: "Grab & Go Essentials", description: "From snacks and beverages to automotive essentials, our store has everything you need on the go.", imageSrc: "http://img.b2bpic.net/free-photo/customer-looks-around-bio-food-shop_482257-109314.jpg", imageAlt: "Interior of a bright convenience store", buttons: [
|
||||
{
|
||||
text: "Explore Store",
|
||||
href: "#",
|
||||
},
|
||||
text: "Explore Store", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Maintenance",
|
||||
title: "Professional Car Wash",
|
||||
subtitle: "Sparkling Clean Guaranteed",
|
||||
description: "Give your vehicle the care it deserves with our state-of-the-art automatic car wash facility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-license-plate-vehicle_23-2150301377.jpg",
|
||||
imageAlt: "Car going through an automatic car wash",
|
||||
buttons: [
|
||||
tag: "Maintenance", title: "Professional Car Wash", subtitle: "Sparkling Clean Guaranteed", description: "Give your vehicle the care it deserves with our state-of-the-art automatic car wash facility.", imageSrc: "http://img.b2bpic.net/free-photo/funny-license-plate-vehicle_23-2150301377.jpg", imageAlt: "Car going through an automatic car wash", buttons: [
|
||||
{
|
||||
text: "View Pricing",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Pricing", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -226,26 +157,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Droplet,
|
||||
title: "Litres Pumped Annually",
|
||||
value: "1.5 Million+",
|
||||
},
|
||||
id: "m1", icon: Droplet,
|
||||
title: "Litres Pumped Annually", value: "1.5 Million+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Daily Customer Visits",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Daily Customer Visits", value: "500+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Customer Satisfaction",
|
||||
value: "95%",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Customer Satisfaction", value: "95%"},
|
||||
]}
|
||||
title="Our Impact & Achievements"
|
||||
description="Proudly serving our community with dedication and excellence, day after day."
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -258,65 +181,23 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Rajkamal",
|
||||
name: "Unleaded Petrol (91 Octane)",
|
||||
price: "Market Rate",
|
||||
rating: 5,
|
||||
reviewCount: "250+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pumping-gas-car_23-2149212426.jpg",
|
||||
imageAlt: "Unleaded petrol nozzle",
|
||||
},
|
||||
id: "p1", brand: "Rajkamal", name: "Unleaded Petrol (91 Octane)", price: "Market Rate", rating: 5,
|
||||
reviewCount: "250+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pumping-gas-car_23-2149212426.jpg", imageAlt: "Unleaded petrol nozzle"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Rajkamal",
|
||||
name: "High-Speed Diesel",
|
||||
price: "Market Rate",
|
||||
rating: 5,
|
||||
reviewCount: "180+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-calligraphic-3d-art-text-shopping-transparent-psd-file_460848-6822.jpg",
|
||||
imageAlt: "High-speed diesel nozzle",
|
||||
},
|
||||
id: "p2", brand: "Rajkamal", name: "High-Speed Diesel", price: "Market Rate", rating: 5,
|
||||
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/music-calligraphic-3d-art-text-shopping-transparent-psd-file_460848-6822.jpg", imageAlt: "High-speed diesel nozzle"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Rajkamal Premium",
|
||||
name: "Premium Petrol (95 Octane)",
|
||||
price: "Market Rate",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/research-innovation-items-world-science-day-celebration_23-2151812421.jpg",
|
||||
imageAlt: "Premium petrol nozzle",
|
||||
},
|
||||
id: "p3", brand: "Rajkamal Premium", name: "Premium Petrol (95 Octane)", price: "Market Rate", rating: 5,
|
||||
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/research-innovation-items-world-science-day-celebration_23-2151812421.jpg", imageAlt: "Premium petrol nozzle"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Rajkamal",
|
||||
name: "LPG Autogas",
|
||||
price: "Market Rate",
|
||||
rating: 4,
|
||||
reviewCount: "90+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-oxygen-tanks-arrangement_23-2149365551.jpg",
|
||||
imageAlt: "LPG autogas pump",
|
||||
},
|
||||
id: "p4", brand: "Rajkamal", name: "LPG Autogas", price: "Market Rate", rating: 4,
|
||||
reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/steel-oxygen-tanks-arrangement_23-2149365551.jpg", imageAlt: "LPG autogas pump"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Rajkamal Green",
|
||||
name: "EV Charging Point",
|
||||
price: "Hourly Rate",
|
||||
rating: 4,
|
||||
reviewCount: "60+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-vehicle-parking_1127-3300.jpg",
|
||||
imageAlt: "Electric vehicle charging station",
|
||||
},
|
||||
id: "p5", brand: "Rajkamal Green", name: "EV Charging Point", price: "Hourly Rate", rating: 4,
|
||||
reviewCount: "60+", imageSrc: "http://img.b2bpic.net/free-photo/electric-vehicle-parking_1127-3300.jpg", imageAlt: "Electric vehicle charging station"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "AutoCare",
|
||||
name: "Engine Oil & Lubricants",
|
||||
price: "From ₹499",
|
||||
rating: 4,
|
||||
reviewCount: "75+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-different-car-accessories_23-2149030393.jpg",
|
||||
imageAlt: "Bottles of engine oil",
|
||||
},
|
||||
id: "p6", brand: "AutoCare", name: "Engine Oil & Lubricants", price: "From ₹499", rating: 4,
|
||||
reviewCount: "75+", imageSrc: "http://img.b2bpic.net/free-photo/composition-different-car-accessories_23-2149030393.jpg", imageAlt: "Bottles of engine oil"},
|
||||
]}
|
||||
title="Our Quality Fuel Products"
|
||||
description="We offer a diverse range of high-quality fuels and automotive products to meet all your vehicle needs."
|
||||
@@ -331,25 +212,15 @@ export default function LandingPage() {
|
||||
author="Priya Sharma, Local Resident"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-showing-thumb-up-holding-blank-white-poster-high-quality-photo_114579-35205.jpg",
|
||||
alt: "Priya Sharma",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-showing-thumb-up-holding-blank-white-poster-high-quality-photo_114579-35205.jpg", alt: "Priya Sharma"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-giving-thumbs-up-out-his-car-while-road-trip_23-2148783405.jpg",
|
||||
alt: "Rajesh Kumar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-giving-thumbs-up-out-his-car-while-road-trip_23-2148783405.jpg", alt: "Rajesh Kumar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516366.jpg",
|
||||
alt: "Anjali Singh",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516366.jpg", alt: "Anjali Singh"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-car-mechanic-shaking-hands-with-manager-auto-repair-shop_637285-4229.jpg",
|
||||
alt: "Vikram Patel",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-car-mechanic-shaking-hands-with-manager-auto-repair-shop_637285-4229.jpg", alt: "Vikram Patel"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516378.jpg",
|
||||
alt: "Sneha Gupta",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516378.jpg", alt: "Sneha Gupta"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -362,25 +233,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What types of fuel do you offer?",
|
||||
content: "We offer Unleaded Petrol (91 Octane), High-Speed Diesel, Premium Petrol (95 Octane), and LPG Autogas. We also have an EV charging station.",
|
||||
},
|
||||
id: "faq1", title: "What types of fuel do you offer?", content: "We offer Unleaded Petrol (91 Octane), High-Speed Diesel, Premium Petrol (95 Octane), and LPG Autogas. We also have an EV charging station."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you have a convenience store?",
|
||||
content: "Yes, our convenience store is fully stocked with snacks, beverages, and essential automotive accessories for your journey.",
|
||||
},
|
||||
id: "faq2", title: "Do you have a convenience store?", content: "Yes, our convenience store is fully stocked with snacks, beverages, and essential automotive accessories for your journey."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What payment methods are accepted?",
|
||||
content: "We accept cash, all major credit/debit cards, and popular digital payment methods for your convenience.",
|
||||
},
|
||||
id: "faq3", title: "What payment methods are accepted?", content: "We accept cash, all major credit/debit cards, and popular digital payment methods for your convenience."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Are your fuel prices competitive?",
|
||||
content: "We strive to offer competitive market rates while maintaining the highest quality for all our fuel products.",
|
||||
},
|
||||
id: "faq4", title: "Are your fuel prices competitive?", content: "We strive to offer competitive market rates while maintaining the highest quality for all our fuel products."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/infographic-template-design_1262-577.jpg"
|
||||
imageAlt="Information board at a petrol pump"
|
||||
@@ -397,14 +256,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"OilCorp",
|
||||
"TransLogistics",
|
||||
"CommunityFirst",
|
||||
"AutoMax Motors",
|
||||
"SecurePay Bank",
|
||||
"GreenFuel Initiative",
|
||||
"Roadside Assist",
|
||||
]}
|
||||
"OilCorp", "TransLogistics", "CommunityFirst", "AutoMax Motors", "SecurePay Bank", "GreenFuel Initiative", "Roadside Assist"]}
|
||||
title="Our Valued Partners"
|
||||
description="Trusted by leading brands and local businesses for our reliable service and commitment to quality."
|
||||
speed={40}
|
||||
@@ -415,18 +267,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Visit Rajkamal Petrol Pump Today! For inquiries or assistance, feel free to reach out to us. We're here to serve you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://www.google.com/maps/search/rajkamal+petrol+pump",
|
||||
},
|
||||
text: "Get Directions", href: "https://www.google.com/maps/search/rajkamal+petrol+pump"},
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:+91-XXXXXXXXXX",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:+91-XXXXXXXXXX"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -438,58 +285,35 @@ export default function LandingPage() {
|
||||
logoText="Rajkamal Petrol Pump"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Fuel Types",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Fuel Types", href: "#products"},
|
||||
{
|
||||
label: "Convenience Store",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Convenience Store", href: "#services"},
|
||||
{
|
||||
label: "Car Wash",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Car Wash", href: "#services"},
|
||||
{
|
||||
label: "EV Charging",
|
||||
href: "#products",
|
||||
},
|
||||
label: "EV Charging", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Our Values",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Values", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "https://www.google.com/maps/search/rajkamal+petrol+pump",
|
||||
},
|
||||
label: "Directions", href: "https://www.google.com/maps/search/rajkamal+petrol+pump"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user