Merge version_2 into main

Merge version_2 into main

src/app/membership-plans/page.tsx

@@ -0,0 +1,59 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function MembershipPlansPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="soft" 
+      contentWidth="mediumLarge" 
+      sizing="medium" 
+      background="none" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="SVS FITNESS"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Plans", id: "/membership-plans" },
+            { name: "Register", id: "/register" },
+          ]}
+          button={{ text: "Register", href: "/register" }}
+        />
+      </div>
+      <div id="pricing" data-section="pricing" className="pt-24">
+        <PricingCardEight
+          title="Our Membership Plans"
+          description="Flexible options to suit your fitness journey."
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          plans={[
+            { id: "basic", badge: "Essential", price: "₹500", subtitle: "Gym access", features: ["Access to gym equipment", "Basic workout guidance"], buttons: [{ text: "Select Plan", href: "/register" }] },
+            { id: "standard", badge: "Popular", price: "₹800", subtitle: "Personalized care", features: ["Everything in Basic", "Personalized routine", "Diet consultation"], buttons: [{ text: "Select Plan", href: "/register" }] },
+            { id: "premium", badge: "VIP", price: "₹1200", subtitle: "Pro coaching", features: ["Everything in Standard", "1-on-1 coaching", "Extended access"], buttons: [{ text: "Select Plan", href: "/register" }] },
+          ]}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            { title: "SVS FITNESS", items: [{ label: "IP NAGAR GALI NO. 5 PATERI" }] },
+            { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Plans", href: "/membership-plans" }, { label: "Register", href: "/register" }] },
+          ]}
+          bottomLeftText="© 2025 SVS Fitness Centre"
+          bottomRightText="All Rights Reserved"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -6,15 +6,20 @@ import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/Nav
 import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
 import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
-import TeamCardSix from "@/components/sections/team/TeamCardSix";
 import TeamCardOne from "@/components/sections/team/TeamCardOne";
-import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
 import FaqDouble from "@/components/sections/faq/FaqDouble";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Dumbbell, Info, Users, CheckCircle, HelpCircle, Mail } from "lucide-react";
+import { Dumbbell, Info, CheckCircle, HelpCircle } from "lucide-react";
 
 export default function FitnessPage() {
+  const navLinks = [
+    { name: "Target", id: "services" },
+    { name: "Plans", id: "team" },
+    { name: "FAQ", id: "faq" },
+    { name: "Register", id: "contact" },
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
@@ -22,23 +27,18 @@ export default function FitnessPage() {
       borderRadius="soft"
       contentWidth="mediumLarge"
       sizing="large"
-      background="dark"
+      background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="semibold"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
             brandName="SVS FITNESS"
-            navItems={[
-              { name: "Target", id: "services" },
-              { name: "Plans", id: "team" },
-              { name: "FAQ", id: "faq" },
-              { name: "Register", id: "contact" },
-            ]}
-            button={{ text: "Start Now", href: "#contact" }}
+            navItems={navLinks}
+            button={{ text: "Start Now", href: "/contact" }}
           />
         </div>
 
@@ -48,18 +48,11 @@ export default function FitnessPage() {
             tagIcon={Dumbbell}
             title="Register for SVS FITNESS CENTRE"
             description="Your journey to physical excellence starts here at Pateri. Unlock your potential with professional guidance and modern equipment."
-            buttons={[
-              { text: "Start Registration", href: "#contact" },
-            ]}
-            buttonAnimation="slide-up"
+            testimonials={[{ name: "John Doe", handle: "@johndoe", testimonial: "Great gym!", rating: 5 }]}
+            buttons={[{ text: "Start Registration", href: "/contact" }]}
             imageSrc="asset://hero-gym"
-            imageAlt="Gym environment with equipment"
+            imageAlt="Gym environment"
             showDimOverlay={true}
-            textPosition="bottom"
-            testimonials={[
-              { name: "Rahul V.", handle: "Athlete", testimonial: "The environment at SVS Fitness is unmatched. Perfect for real results.", rating: 5 },
-              { name: "Anita S.", handle: "Fitness Enthusiast", testimonial: "Clean, modern, and motivating. Best gym in the area!", rating: 5 },
-            ]}
           />
         </div>
 
@@ -67,14 +60,13 @@ export default function FitnessPage() {
           <TestimonialAboutCard
             tag="Our Mission"
             tagIcon={Info}
-            tagAnimation="slide-up"
             title="Building a stronger, healthier community in IP Nagar since inception."
             description="SVS FITNESS CENTRE, PATERI"
             subdescription="Expert coaching & support"
             icon={Dumbbell}
             imageSrc="asset://gym-about"
+            useInvertedBackground={false}
             mediaAnimation="slide-up"
-            useInvertedBackground={true}
           />
         </div>
 
@@ -87,10 +79,9 @@ export default function FitnessPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             features={[
-              { tag: "Focus", title: "Full Body & Weight Loss", subtitle: "Complete Transformation", description: "High intensity programs for total body fat reduction and conditioning.", imageSrc: "asset://full-body" },
-              { tag: "Power", title: "Muscle & Strength", subtitle: "Gain & Power", description: "Targeted isolation workouts for maximum hypertrophy and arm strength.", imageSrc: "asset://muscle" },
-              { tag: "Aesthetics", title: "Chest & Core", subtitle: "Advanced Toning", description: "Sculpt your six-pack and build a powerful chest with expert form.", imageSrc: "asset://chest" },
-              { tag: "Health", title: "General Fitness", subtitle: "Wellness", description: "Stay active, healthy, and energized with our daily wellness routines.", imageSrc: "asset://general" },
+              { tag: "Focus", title: "Full Body & Weight Loss", subtitle: "Complete Transformation", description: "High intensity programs for total body fat reduction.", imageSrc: "asset://full-body" },
+              { tag: "Power", title: "Muscle & Strength", subtitle: "Gain & Power", description: "Targeted isolation workouts for maximum hypertrophy.", imageSrc: "asset://muscle" },
+              { tag: "Aesthetics", title: "Chest & Core", subtitle: "Advanced Toning", description: "Sculpt your six-pack and build a powerful chest.", imageSrc: "asset://chest" },
             ]}
           />
         </div>
@@ -103,6 +94,7 @@ export default function FitnessPage() {
             textboxLayout="default"
             gridVariant="three-columns-all-equal-width"
             animationType="slide-up"
+            useInvertedBackground={false}
             members={[
               { id: "1", name: "Basic Plan", role: "₹500 / month" },
               { id: "2", name: "Standard Plan", role: "₹800 / month" },
@@ -116,12 +108,13 @@ export default function FitnessPage() {
             tag="Support"
             tagIcon={HelpCircle}
             title="Need Information?"
-            description="Common questions about SVS Fitness Centre registration and facilities."
+            description="Common questions about SVS Fitness Centre registration."
             textboxLayout="default"
             faqsAnimation="slide-up"
+            useInvertedBackground={false}
             faqs={[
-              { id: "1", title: "Where are you located?", content: "We are located at IP NAGAR GALI NO. 5 PATERI. Visit us during operating hours!" },
-              { id: "2", title: "Do I need an appointment?", content: "No, you can start your registration via this portal and visit the center anytime." },
+              { id: "1", title: "Where are you located?", content: "IP NAGAR GALI NO. 5 PATERI." },
+              { id: "2", title: "Do I need an appointment?", content: "Start your registration online and visit us anytime." },
             ]}
           />
         </div>
@@ -129,31 +122,28 @@ export default function FitnessPage() {
         <div id="contact" data-section="contact">
           <ContactSplitForm
             title="Complete Your Registration"
-            description="IP NAGAR GALI NO. 5 PATERI. Fill in your details below to activate your account."
-            useInvertedBackground={true}
-            buttonText="Submit"
+            description="Fill in your details below to activate your account."
+            buttonText="Register"
+            useInvertedBackground={false}
             inputs={[
               { name: "name", type: "text", placeholder: "Full Name", required: true },
               { name: "phone", type: "tel", placeholder: "Mobile Number", required: true },
-              { name: "age", type: "number", placeholder: "Age", required: true },
-              { name: "address", type: "text", placeholder: "Address", required: true },
             ]}
-            multiSelect={{ name: "gender", label: "Gender", options: ["Male", "Female", "Other"] }}
-            imageSrc="asset://contact-gym"
+            onSubmit={(data) => console.log(data)}
           />
         </div>
 
         <div id="footer" data-section="footer">
           <FooterSimple
             columns={[
-              { title: "SVS FITNESS", items: [{ label: "IP NAGAR GALI NO. 5 PATERI" }] },
-              { title: "Quick Links", items: [{ label: "Home", href: "#" }, { label: "Plans", href: "#team" }] },
+              { title: "SVS FITNESS", items: [{ label: "IP NAGAR PATERI" }] },
+              { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Plans", href: "/plans" }] },
             ]}
-            bottomLeftText="© 2025 SVS Fitness Centre"
+            bottomLeftText="© 2025 SVS Fitness"
             bottomRightText="All Rights Reserved"
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/register/page.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function RegisterPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="soft" 
+      contentWidth="mediumLarge" 
+      sizing="medium" 
+      background="none" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="SVS FITNESS"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Plans", id: "/membership-plans" },
+            { name: "Register", id: "/register" },
+          ]}
+          button={{ text: "Start Now", href: "/register" }}
+        />
+      </div>
+      <div id="contact" data-section="contact" className="pt-24">
+        <ContactSplitForm
+          title="Complete Your Registration"
+          description="Fill in your details below to join our fitness community."
+          useInvertedBackground={true}
+          inputs={[
+            { name: "name", type: "text", placeholder: "Full Name", required: true },
+            { name: "phone", type: "tel", placeholder: "Mobile Number", required: true },
+            { name: "age", type: "number", placeholder: "Age", required: true },
+          ]}
+          multiSelect={{ name: "plan", label: "Select Plan", options: ["Basic", "Standard", "Premium"] }}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            { title: "SVS FITNESS", items: [{ label: "IP NAGAR GALI NO. 5 PATERI" }] },
+            { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Plans", href: "/membership-plans" }, { label: "Register", href: "/register" }] },
+          ]}
+          bottomLeftText="© 2025 SVS Fitness Centre"
+          bottomRightText="All Rights Reserved"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/target/page.tsx

@@ -0,0 +1,69 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { CheckCircle } from "lucide-react";
+
+export default function TargetPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="large"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            brandName="SVS FITNESS"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Target", id: "services" },
+              { name: "Plans", id: "/#team" },
+              { name: "FAQ", id: "/#faq" },
+              { name: "Register", id: "/#contact" },
+            ]}
+            button={{ text: "Start Now", href: "/#contact" }}
+          />
+        </div>
+
+        <div id="services" data-section="services">
+          <FeatureCardNineteen
+            tag="Programs"
+            tagIcon={CheckCircle}
+            title="Select Your Body Target Area"
+            description="Customized training paths designed to help you reach your goals faster. Choose an area below to see specialized routines."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { tag: "Focus", title: "Full Body & Weight Loss", subtitle: "Complete Transformation", description: "High intensity programs for total body fat reduction and conditioning.", imageSrc: "asset://full-body" },
+              { tag: "Power", title: "Muscle & Strength", subtitle: "Gain & Power", description: "Targeted isolation workouts for maximum hypertrophy and arm strength.", imageSrc: "asset://muscle" },
+              { tag: "Aesthetics", title: "Chest & Core", subtitle: "Advanced Toning", description: "Sculpt your six-pack and build a powerful chest with expert form.", imageSrc: "asset://chest" },
+              { tag: "Health", title: "General Fitness", subtitle: "Wellness", description: "Stay active, healthy, and energized with our daily wellness routines.", imageSrc: "asset://general" },
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "SVS FITNESS", items: [{ label: "IP NAGAR GALI NO. 5 PATERI" }] },
+              { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Plans", href: "/#team" }] },
+            ]}
+            bottomLeftText="© 2025 SVS Fitness Centre"
+            bottomRightText="All Rights Reserved"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}