Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -206,6 +206,40 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="info-map" data-section="info-map" className="container mx-auto px-4 py-8">
+    <div className="flex flex-col gap-4 max-w-lg mx-auto">
+      <div className="bg-[#111] border-l-[3px] border-l-[#39FF14] p-5 flex gap-4 items-center">
+        <span className="text-2xl">🕐</span>
+        <div>
+          <p className="text-[#39FF14] text-lg" style={{ fontFamily: 'Bebas Neue, sans-serif' }}>TIMING</p>
+          <p className="text-[#777] text-sm">Open 24 Hours — 7 Days a Week</p>
+        </div>
+      </div>
+
+      <div className="bg-[#111] border-l-[3px] border-l-[#39FF14] p-5 flex gap-4 items-center">
+        <span className="text-2xl">📞</span>
+        <div>
+          <p className="text-[#39FF14] text-lg" style={{ fontFamily: 'Bebas Neue, sans-serif' }}>PHONE</p>
+          <p className="text-[#777] text-sm">+91 XXXXX XXXXX</p>
+        </div>
+      </div>
+
+      <div className="bg-[#111] border-l-[3px] border-l-[#39FF14] p-5 flex gap-4 items-center">
+        <span className="text-2xl">📍</span>
+        <div>
+          <p className="text-[#39FF14] text-lg" style={{ fontFamily: 'Bebas Neue, sans-serif' }}>ADDRESS</p>
+          <p className="text-[#777] text-sm">Your Area, Your City</p>
+        </div>
+      </div>
+
+      <div className="bg-[#111] border border-[#222] h-[180px] flex flex-col items-center justify-center gap-2">
+        <span className="text-3xl">🗺️</span>
+        <p className="text-[#39FF14] text-xs tracking-wider" style={{ fontFamily: 'Bebas Neue, sans-serif' }}>GOOGLE MAPS</p>
+        <p className="text-[#444] text-xs">Will be added in real version</p>
+      </div>
+    </div>
+  </div>
+
   <div id="banner-message" data-section="banner-message">
       <ContactText
       useInvertedBackground={false}
@@ -220,10 +254,12 @@ export default function LandingPage() {
       useInvertedBackground={false}
       background={{
         variant: "plain"}}
-      text="Open 24 Hours\nPhone: [Your Number]\nAddress: [Your Area]\n\nContact us directly or visit our location. Map will be added in real version."
+      text="Ready to transform? Reach out to us for more information on plans, trainers, and how you can start your fitness journey today. Open 24 Hours."
       buttons={[
         {
-          text: "Get in Touch",          href: "https://wa.me/yournumber"},
+          text: "Contact via WhatsApp",          href: "https://wa.me/yournumber"},
+        {
+          text: "Call Us: [Your Number]",          href: "tel:[Your Number]"},
       ]}
     />
   </div>
@@ -256,6 +292,16 @@ export default function LandingPage() {
               label: "Twitter",              href: "#"},
           ],
         },
+        {
+          title: "Policies",          items: [
+            {
+              label: "Privacy Policy",              href: "/privacy"},
+            {
+              label: "Terms of Service",              href: "/terms"},
+            {
+              label: "Refund Policy",              href: "/refund"}
+          ]
+        }
       ]}
       copyrightText="© 2026 Your Gym Name. All Rights Reserved."
     />

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-rajdhani), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-bebas-neue), sans-serif;
 }

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #0a0a0a;
   --card: #1a1a1a;
   --foreground: #f5f5f5;
-  --primary-cta: #39FF14;
+  --primary-cta: #dfff1c;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #2c2c2c;
+  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #f5f5f5;
+  --secondary-cta-text: #ffffff;
-  --accent: #39FF14;
+  --accent: #8b9a1b;
-  --background-accent: #39FF14;
+  --background-accent: #5d6b00;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);