Merge version_2 into main

Merge version_2 into main

src/app/contact/page.tsx

@@ -0,0 +1,54 @@
+"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
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <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>
+        <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>
+  );
+}

src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Figtree } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Reliance Petrol Pump Jaito | Reliable Fuel Services',
-  description: 'Reliance Petrol Pump Jaito provides premium petrol and diesel services in Jaito, Punjab. Trusted, safe, and efficient fueling solutions.',
+  title: 'Contact | Reliance Petrol Pump Jaito',
+  description: 'Get in touch with Reliance Petrol Pump Jaito for service inquiries and feedback.',
   keywords: ["Reliance Petrol Pump, Jaito, Punjab fuel, Petrol, Diesel, Fuel services, Jaito pump"],
   openGraph: {
     "title": "Reliance Petrol Pump Jaito | Reliable Fuel Services",

src/app/page.tsx

@@ -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>
   );
-}
+}

src/app/styles/variables.css

@@ -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);