bender/6e01cde9-a19e-46d3-8b73-a77720086aaa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 3 commits from version_2 into main 2026-03-29 13:19:41 +00:00
Conversation 0 Commits 3 Files Changed 3 +67 -123
3 changed files with 67 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,41 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
export default function ContactPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Services", id: "/#services" },
{ name: "Location", id: "/#location" },
{ name: "Contact", id: "/contact" },
]}
brandName="Reliance Jaito"
/>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Let's Connect"
title="Questions? Reach Out to Us"
description="Our team is here to help. Send us a message for service inquiries or feedback."
imageSrc="http://img.b2bpic.net/free-photo/manager-working-with-his-personal-assistant_329181-17608.jpg"
/>
</div>
<FooterLogoReveal
logoText="Reliance Petrol Pump Jaito"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "© 2024 Reliance Petrol Pump Jaito", href: "#" }}
/>
</ReactLenis>
</ThemeProvider>
);
}

137
src/app/page.tsx
View File

@@ -28,26 +28,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Services",
id: "#services",
},
{
name: "Location",
id: "#location",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Services", id: "#services" },
{ name: "Location", id: "#location" },
{ name: "Contact", id: "/contact" },
]}
brandName="Reliance Jaito"
/>
@@ -57,41 +42,11 @@ export default function LandingPage() {
<HeroCarouselLogo
logoText="Reliance Petrol Pump Jaito"
description="Premium Quality Fuel Services in the Heart of Jaito. Trusted by commuters, committed to excellence."
buttons={[
{
text: "Get Directions",
href: "#location",
},
{
text: "Contact Us",
href: "#contact",
},
]}
buttons={[{ text: "Get Directions", href: "#location" }, { text: "Contact Us", href: "/contact" }]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/sky-april-18-2024_58702-17062.jpg",
imageAlt: "Modern Petrol Station Facade",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-driver-recharging-green-technology-ev-automobile-battery_482257-130575.jpg",
imageAlt: "High-Tech Fuel Dispenser",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-charging-car-electric-vehicle-charging-station_107420-94941.jpg",
imageAlt: "Clean Fueling Environment",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/petrol-station-horizontal-banners-set-with-gas-usage-symbols_1284-9612.jpg",
imageAlt: "Automotive Service Lane",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-caucasian-delivery-man-blue-uniform-cap-holding-clipboard-pen_141793-112174.jpg",
imageAlt: "Professional Staff Serving",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/gas-station-horizontal-banners-set-with-fuel-industries-symbols_1284-6080.jpg",
imageAlt: "Reliance Brand Signage",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/sky-april-18-2024_58702-17062.jpg", imageAlt: "Modern Petrol Station Facade" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-driver-recharging-green-technology-ev-automobile-battery_482257-130575.jpg", imageAlt: "High-Tech Fuel Dispenser" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-charging-car-electric-vehicle-charging-station_107420-94941.jpg", imageAlt: "Clean Fueling Environment" }
]}
/>
</div>
@@ -100,9 +55,8 @@ export default function LandingPage() {
<MediaAbout
useInvertedBackground={false}
title="Your Trusted Fuel Partner in Jaito"
description="Reliance Petrol Pump Jaito is dedicated to providing the highest standards of fuel efficiency and customer care. As an authorized Reliance partner, we bring world-class quality and service to the people of Jaito, ensuring your vehicle performs at its best every time you fuel up."
description="Reliance Petrol Pump Jaito is dedicated to providing the highest standards of fuel efficiency and customer care. As an authorized Reliance partner, we bring world-class quality and service to the people of Jaito."
imageSrc="http://img.b2bpic.net/free-photo/low-angle-man-gas-station_23-2150697513.jpg"
imageAlt="Reliance Petrol Pump Brand Identity"
/>
</div>
@@ -111,30 +65,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Petrol Supply",
description: "High-grade, clean-burning petrol to keep your engine running smoothly.",
imageSrc: "http://img.b2bpic.net/free-vector/oil-change-service-design_1300-131.jpg",
imageAlt: "Petrol Fueling",
},
{
id: 2,
title: "Diesel Supply",
description: "Reliable, high-efficiency diesel fuel for cars, trucks, and agricultural needs.",
imageSrc: "http://img.b2bpic.net/free-photo/white-electric-car-charging-station_268835-3532.jpg",
imageAlt: "Diesel Fueling",
},
{
id: 3,
title: "Safe Environment",
description: "Well-lit, clean, and organized station for a stress-free fueling experience.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-background-app-beauty-business_1303-2362.jpg",
imageAlt: "Safe Petrol Station Environment",
},
{ id: 1, title: "Petrol Supply", description: "High-grade, clean-burning petrol.", imageSrc: "http://img.b2bpic.net/free-vector/oil-change-service-design_1300-131.jpg" },
{ id: 2, title: "Diesel Supply", description: "Reliable diesel for all vehicle types.", imageSrc: "http://img.b2bpic.net/free-photo/white-electric-car-charging-station_268835-3532.jpg" },
{ id: 3, title: "Safe Environment", description: "Well-lit and organized facility.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-background-app-beauty-business_1303-2362.jpg" }
]}
title="Premium Services Offered"
description="We offer more than just fuel; we offer reliability and a safe fueling environment."
description="We offer more than just fuel; we offer reliability."
/>
</div>
@@ -144,55 +80,22 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "loc-1",
value: "Jaito, Punjab",
title: "Main Location",
description: "Conveniently located in Jaito with easy access for all types of vehicles.",
imageSrc: "http://img.b2bpic.net/free-vector/pack-locations-realistic-style_23-2147574779.jpg",
},
{
id: "loc-2",
value: "Directions",
title: "Get Directions",
description: "Click the link below for turn-by-turn navigation via Google Maps.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smartphone-with-gps-application_1098-21636.jpg",
},
{ id: "loc-1", value: "Jaito, Punjab", title: "Main Location", description: "Conveniently located with easy access.", imageSrc: "http://img.b2bpic.net/free-vector/pack-locations-realistic-style_23-2147574779.jpg" },
{ id: "loc-2", value: "Find Us", title: "Get Directions", description: "Navigation assistance available.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smartphone-with-gps-application_1098-21636.jpg" }
]}
title="Find Us Easily"
description="Located conveniently in the heart of Jaito, Punjab. Visit us today!"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Let's Connect"
title="Questions? Reach Out to Us"
description="Our team is here to help. Send us a message or give us a call regarding our services or feedback."
imageSrc="http://img.b2bpic.net/free-photo/manager-working-with-his-personal-assistant_329181-17608.jpg"
imageAlt="Contact Our Team"
mediaAnimation="slide-up"
description="Located in the heart of Jaito, Punjab."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Reliance Petrol Pump Jaito"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "© 2024 Reliance Petrol Pump Jaito",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "© 2024 Reliance Petrol Pump Jaito", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #fbfbfb;
--foreground: #1a1a1a;
--primary-cta: #FFD700;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #f5f5f5;
--primary-cta: #ffdf7d;
--primary-cta-text: #1a1a1a;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffff;
--accent: #C5A000;
--background-accent: #f9f9f9;
--accent: #b8860b;
--background-accent: #8b6914;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);