Merge version_4 into main

Merge version_4 into main

src/app/admin/dashboard/page.tsx

@@ -0,0 +1,72 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Users, AlertCircle, CheckCircle, CreditCard } from "lucide-react";
+
+export default function AdminDashboardPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="large"
+        background="circleGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Menu", id: "menu" },
+              { name: "Contact", id: "contact" },
+              { name: "Admin Dashboard", id: "dashboard" },
+            ]}
+            brandName="KAATEE FITNESS"
+          />
+        </div>
+
+        <div id="dashboard" data-section="dashboard" className="pt-32 pb-20">
+          <MetricCardEleven
+            title="Member Payment Status"
+            description="Real-time overview of monthly membership payments and alerts."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              {
+                id: "p1",                value: "PKR 12,450",                title: "Total Revenue",                description: "Current month collection",                imageSrc: "https://img.b2bpic.net/free-photo/calculator-financial-data-analysis_23-2148154148.jpg"
+              },
+              {
+                id: "p2",                value: "84",                title: "Active Members",                description: "Fully paid for the month",                imageSrc: "https://img.b2bpic.net/free-photo/group-people-business-meeting_23-2148155981.jpg"
+              },
+              {
+                id: "p3",                value: "6",                title: "Overdue Alerts",                description: "Immediate attention needed",                imageSrc: "https://img.b2bpic.net/free-photo/man-holding-overdue-bill_23-2148153457.jpg"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "System", items: [{ label: "Members", href: "#" }, { label: "Payments", href: "#" }, { label: "Reports", href: "#" }] },
+              { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Account", href: "#" }] }
+            ]}
+            bottomLeftText="© 2025 KAATEE FITNESS Admin."
+            bottomRightText="All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -11,7 +11,8 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Star, Users, Utensils } from "lucide-react";
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import { Star, Users, Utensils, Calendar } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,72 +32,60 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Menu", id: "menu" },
+        { name: "Scheduling", id: "scheduling" },
+        { name: "Contact", id: "contact" },
+        { name: "Admin Dashboard", id: "/admin/dashboard" },
       ]}
-      brandName="Allah Ho"
+      brandName="KAATEE FITNESS"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "plain",
-      }}
-      title="An Experience of Authentic Flavor"
-      description="Welcome to Allah Ho, where centuries-old traditions meet contemporary culinary finesse. Experience true hospitality and flavor."
-      imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"
-      imageAlt="Luxurious restaurant interior"
+      background={{ variant: "plain" }}
+      title="Transform Your Life at KAATEE FITNESS"
+      description="Professional fitness training for everyone. Join us for a journey of strength, health, and vitality."
       buttons={[
-        {
-          text: "Book a Table",
-          href: "#contact",
-        },
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
+        { text: "Join Us", href: "#contact" },
       ]}
     />
   </div>
 
+  <div id="scheduling" data-section="scheduling">
+      <FeatureCardTen
+      title="Flexible Training Hours"
+      description="We offer consistent scheduling to help you stay committed to your goals, six days a week."
+      tag="Operating Hours"
+      features={[
+          {
+              title: "Gym Timings",              description: "Open Monday through Saturday, from 5:00 PM to 11:00 PM. Sundays are closed for rest and recovery.",              media: { imageSrc: "https://img.b2bpic.net/free-photo/sports-equipment-gym_114579-2067.jpg", imageAlt: "Gym equipment" },
+              items: [{ icon: Calendar, text: "Mon - Sat: 5pm - 11pm" }, { icon: Star, text: "Sundays Closed" }],
+              reverse: false
+          }
+      ]}
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
+    />
+  </div>
+
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={false}
-      title="A Legacy of Excellence"
-      description="Founded with the passion to bring authentic tastes to your table, Allah Ho has become a destination for true connoisseurs of fine dining."
+      title="About KAATEE FITNESS"
+      description="Located in Kotli Lohārān, we provide a state-of-the-art facility for the community to achieve their best physical shape."
       metrics={[
-        {
-          value: "15+",
-          title: "Years Experience",
-        },
-        {
-          value: "2k+",
-          title: "Happy Guests",
-        },
-        {
-          value: "50+",
-          title: "Traditional Recipes",
-        },
+        { value: "HFWW+F7W", title: "Location" },
+        { value: "0308 6857701", title: "Contact Number" },
+        { value: "6", title: "Days/Week Operations" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/bartender-preparing-cocktail_23-2147680729.jpg"
+      imageSrc="https://img.b2bpic.net/free-photo/fitness-gym_23-2148154148.jpg"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
-      imageAlt="Professional chef preparing traditional dish"
+      imageAlt="Modern Gym Facility"
     />
   </div>
 
@@ -106,64 +95,9 @@ export default function LandingPage() {
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      products={[
-        {
-          id: "d1",
-          brand: "Signature",
-          name: "Royal Lamb Curry",
-          price: "$28",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-salmon-salad-with-avocado-wasabi-sauce-plate-plaid-fabric_141793-11665.jpg",
-        },
-        {
-          id: "d2",
-          brand: "Signature",
-          name: "Tandoori Special",
-          price: "$24",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/beetroot-salad-with-carrots-corn-nuts-white-plate_140725-3541.jpg",
-        },
-        {
-          id: "d3",
-          brand: "Signature",
-          name: "Saffron Biryani",
-          price: "$22",
-          rating: 4,
-          reviewCount: "88",
-          imageSrc: "http://img.b2bpic.net/free-photo/indian-traditional-dish-with-rice-cashew-nuts-sauce-lemon-vegetables-coriander-leaf-wooden-tray_613910-21742.jpg",
-        },
-        {
-          id: "d4",
-          brand: "Signature",
-          name: "Mixed Grill Platter",
-          price: "$35",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/iskender-doner-table-top-view_140725-1156.jpg",
-        },
-        {
-          id: "d5",
-          brand: "Signature",
-          name: "Gourmet Halwa",
-          price: "$12",
-          rating: 5,
-          reviewCount: "72",
-          imageSrc: "http://img.b2bpic.net/free-photo/apple-pie-served-with-fruit-syrup_140725-1700.jpg",
-        },
-        {
-          id: "d6",
-          brand: "Signature",
-          name: "Garden Curry",
-          price: "$18",
-          rating: 4,
-          reviewCount: "65",
-          imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-curry-dish-with-fresh-herbs_84443-82590.jpg",
-        },
-      ]}
-      title="Our Signature Dishes"
-      description="Explore our carefully curated menu of traditional specialties."
+      products={[]}
+      title="Our Equipment & Services"
+      description="We provide everything you need to succeed, from free weights to advanced cardio machines."
     />
   </div>
 
@@ -173,50 +107,9 @@ export default function LandingPage() {
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah",
-          role: "Food Critic",
-          company: "Dining Daily",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg",
-        },
-        {
-          id: "2",
-          name: "James",
-          role: "Regular",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling-holding-wine-glass_176420-3783.jpg",
-        },
-        {
-          id: "3",
-          name: "Linda",
-          role: "Visitor",
-          company: "Traveler",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006619.jpg",
-        },
-        {
-          id: "4",
-          name: "Robert",
-          role: "Corporate",
-          company: "Tech Firm",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg",
-        },
-        {
-          id: "5",
-          name: "Emily",
-          role: "Foodie",
-          company: "Blogger",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-together-romantic-dinner_23-2148060555.jpg",
-        },
-      ]}
-      title="Words from Our Guests"
-      description="See why our guests return time and again."
+      testimonials={[]}
+      title="Community Success"
+      description="Stories of transformation from our valued members."
     />
   </div>
 
@@ -226,27 +119,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          icon: Utensils,
-          title: "Cuisine Styles",
-          value: "12",
-        },
-        {
-          id: "m2",
-          icon: Users,
-          title: "Dedicated Staff",
-          value: "45",
-        },
-        {
-          id: "m3",
-          icon: Star,
-          title: "Star Rating",
-          value: "4.9",
-        },
+        { id: "m1", icon: Utensils, title: "Training Stations", value: "12" },
+        { id: "m2", icon: Users, title: "Certified Trainers", value: "5" },
+        { id: "m3", icon: Star, title: "Satisfied Members", value: "200+" },
       ]}
-      title="Our Impact"
-      description="Key achievements in our culinary journey."
+      title="Our Facility Growth"
+      description="Expanding health and fitness access in Kotli Lohārān."
     />
   </div>
 
@@ -255,101 +133,43 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Do I need a reservation?",
-          content: "Yes, we highly recommend making a reservation, especially for weekends.",
-        },
-        {
-          id: "q2",
-          title: "Are there vegetarian options?",
-          content: "Absolutely, we have a diverse menu with many vegetarian and vegan choices.",
-        },
-        {
-          id: "q3",
-          title: "Is catering available?",
-          content: "Yes, we offer professional catering for private events.",
-        },
+        { id: "q1", title: "What are the operating hours?", content: "We are open 6 days a week from 5:00 PM until 11:00 PM." },
+        { id: "q2", title: "Do you offer Sunday classes?", content: "No, our facility remains closed on Sundays." },
+        { id: "q3", title: "Where are you located?", content: "We are located at HFWW+F7W, Kotli Lohārān." },
       ]}
-      title="Common Inquiries"
-      description="Answers to frequently asked questions about our service."
+      title="Frequently Asked Questions"
+      description="Get all the information you need before joining us."
       faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/table-setting_74190-1957.jpg"
-      imageAlt="Restaurant ambiance"
+      imageSrc="https://img.b2bpic.net/free-photo/gym-people-training_74190-1957.jpg"
+      imageAlt="Gym Ambiance"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contact"
-      title="Visit Us Soon"
-      description="We look forward to welcoming you. Reserve your table or contact us for private event inquiries."
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-dinner-arrangement-night_23-2149190923.jpg"
+      title="Get In Touch"
+      description="Have questions? Call us at 0308 6857701 or visit us in Kotli Lohārān for a consultation."
+      imageSrc="https://img.b2bpic.net/free-photo/dumbbells-on-gym-floor_23-2149190923.jpg"
       mediaAnimation="slide-up"
-      imageAlt="Cozy restaurant evening view"
+      imageAlt="Gym contact desk"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Menu",
-          items: [
-            {
-              label: "Appetizers",
-              href: "#",
-            },
-            {
-              label: "Main Course",
-              href: "#",
-            },
-            {
-              label: "Desserts",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Info",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Location",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Operating Hours", items: [{ label: "Mon - Sat: 5pm - 11pm" }, { label: "Sun: Closed" }] },
+        { title: "Contact", items: [{ label: "0308 6857701" }, { label: "Kotli Lohārān, HFWW+F7W" }] },
+        { title: "Resources", items: [{ label: "Membership Info" }, { label: "Rules & Etiquette" }] },
       ]}
-      bottomLeftText="© 2024 Allah Ho Restaurant."
+      bottomLeftText="© 2025 KAATEE FITNESS."
       bottomRightText="All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/signup/page.tsx

@@ -0,0 +1,75 @@
+"use client";
+
+import { useState } from 'react';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import ReactLenis from 'lenis/react';
+
+export default function SignupPage() {
+  const [submitted, setSubmitted] = useState(false);
+  
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    setSubmitted(true);
+  };
+
+  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>
+        <NavbarLayoutFloatingOverlay 
+          navItems={[{name: "Home", id: "/"}, {name: "Signup", id: "/signup"}]} 
+          brandName="KAATEE FITNESS" 
+        />
+        
+        <main className="min-h-screen pt-32 pb-20 px-4 md:px-8">
+          <div className="max-w-xl mx-auto">
+            {submitted ? (
+              <div className="p-8 bg-card rounded-xl text-center">
+                <h2 className="text-2xl font-bold mb-4">Welcome to KAATEE FITNESS!</h2>
+                <p>Thank you for registering. Your membership details have been received.</p>
+              </div>
+            ) : (
+              <form onSubmit={handleSubmit} className="p-8 bg-card rounded-xl shadow-lg">
+                <h1 className="text-3xl font-bold mb-6">Member Registration</h1>
+                <div className="space-y-4">
+                  <div>
+                    <label className="block mb-1">Full Name</label>
+                    <input required className="w-full p-2 border rounded" type="text" />
+                  </div>
+                  <div>
+                    <label className="block mb-1">Email Address</label>
+                    <input required className="w-full p-2 border rounded" type="email" />
+                  </div>
+                  <div>
+                    <label className="block mb-1">Membership Tier</label>
+                    <select className="w-full p-2 border rounded">
+                      <option>Silver - Daily Pass</option>
+                      <option>Gold - Monthly Pass</option>
+                      <option>Platinum - Annual Pass</option>
+                    </select>
+                  </div>
+                  <button type="submit" className="w-full py-3 bg-primary text-white rounded font-bold hover:opacity-90">
+                    Complete Registration
+                  </button>
+                </div>
+              </form>
+            )}
+          </div>
+        </main>
+        <FooterSimple columns={[]} bottomLeftText="© 2025 KAATEE FITNESS" bottomRightText="All rights reserved." />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}