Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
@@ -32,16 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "About", id: "about" },
-        {
+        { name: "Features", id: "features" },
-          name: "About",          id: "about"},
+        { name: "Pricing", id: "pricing" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Features",          id: "features"},
-        {
-          name: "Pricing",          id: "pricing"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Pehellwaan Gym"
       button={{ text: "Join Now", href: "#contact" }}
@@ -50,56 +45,25 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       title="Unleash Your Inner Pehellwaan"
       description="Experience professional-grade training at Pehellwaan Gym. Strength, discipline, and community await you."
-      buttons={[
+      buttons={[{ text: "Join Today", href: "#contact" }]}
-        {
-          text: "Join Today",          href: "#contact"},
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/sportswoman-with-dumbbell-head_23-2147752856.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/pink-smoke-background-with-young-adult_23-2149681383.jpg",          alt: "Pink smoke background with young adult"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-man-doing-crossfit-workout_23-2149080492.jpg",          alt: "Close up on man doing crossfit workout"},
-        {
-          src: "http://img.b2bpic.net/free-photo/man-showing-wrestling-combat-stance_23-2149749733.jpg",          alt: "Man showing wrestling combat stance"},
-        {
-          src: "http://img.b2bpic.net/free-photo/albania-flag-handsome-young-muscular-man-black-background_559531-10782.jpg",          alt: "Albania flag on handsome young muscular man black background"},
-        {
-          src: "http://img.b2bpic.net/free-photo/sportswoman-with-dumbbell-head_23-2147752856.jpg",          alt: "professional gym interior weights rack"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "STRENGTH"},
-        {
-          type: "text",          text: "DISCIPLINE"},
-        {
-          type: "text",          text: "COMMUNITY"},
-        {
-          type: "text",          text: "PERFORMANCE"},
-        {
-          type: "text",          text: "LEGACY"},
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
       title="A Legacy of Strength"
       description="At Pehellwaan Gym, we believe fitness is a discipline. We combine traditional grit with modern training science to help you reach your peak performance."
+      useInvertedBackground={false}
+      textboxLayout="split"
       bulletPoints={[
-        {
+        { title: "Expert Coaching", description: "Professional trainers dedicated to your goals." },
-          title: "Expert Coaching",          description: "Professional trainers dedicated to your goals."},
+        { title: "Elite Equipment", description: "High-performance gear for every muscle group." },
-        {
+        { title: "Supportive Community", description: "A gym where discipline is encouraged." },
-          title: "Elite Equipment",          description: "High-performance gear for every muscle group."},
-        {
-          title: "Supportive Community",          description: "A gym where discipline is encouraged."},
       ]}
       imageSrc="https://img.b2bpic.net/free-photo/weights-exercise-weightlifter-strong-athletic_1139-709.jpg?id=1052591"
       mediaAnimation="slide-up"
@@ -108,30 +72,15 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureCardNine
+      showStepNumbers={false}
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Cardio Zone", description: "Top-tier equipment to boost heart health and endurance.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-does-cardio-workout-rehab-bike-gym-selfcare-recovery_169016-71702.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197734.jpg" } },
-          title: "Cardio Zone",          description: "Top-tier equipment to boost heart health and endurance.",          phoneOne: {
+        { title: "Strength Arena", description: "Heavy racks and platforms designed for serious lifters.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024357.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-sportswear-exercising-with-suspension-straps-fitness-club_613910-18362.jpg" } },
-            imageSrc: "http://img.b2bpic.net/free-photo/woman-does-cardio-workout-rehab-bike-gym-selfcare-recovery_169016-71702.jpg"},
+        { title: "Recovery Area", description: "Dedicated space for stretching and post-workout cooling.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/crop-photo-dumbbells_1301-2290.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-guy-raises-bar-stadium_1153-6280.jpg" } },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197734.jpg"},
-        },
-        {
-          title: "Strength Arena",          description: "Heavy racks and platforms designed for serious lifters.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024357.jpg"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-sportswear-exercising-with-suspension-straps-fitness-club_613910-18362.jpg"},
-        },
-        {
-          title: "Recovery Area",          description: "Dedicated space for stretching and post-workout cooling.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/crop-photo-dumbbells_1301-2290.jpg"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/young-guy-raises-bar-stadium_1153-6280.jpg"},
-        },
       ]}
-      showStepNumbers={false}
       title="Our Core Facilities"
       description="State-of-the-art training areas to challenge and motivate you."
     />
@@ -143,30 +92,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "basic", badge: "Essential", price: "$30/mo", subtitle: "Basic access to gym floor.", features: ["Gym Access", "Locker Room", "Orientation"], buttons: [{ text: "Get Started", href: "#contact" }] },
-          id: "basic",          badge: "Essential",          price: "$30/mo",          subtitle: "Basic access to gym floor.",          features: [
+        { id: "pro", badge: "Elite", price: "$60/mo", subtitle: "Full access with coaching.", features: ["Unlimited Access", "Coach Consultation", "Guest Passes"], buttons: [{ text: "Upgrade", href: "#contact" }] },
-            "Gym Access",            "Locker Room",            "Orientation"],
+        { id: "master", badge: "Pro", price: "$100/mo", subtitle: "Total performance package.", features: ["Everything Pro", "Custom Diet Plan", "Personal Training"], buttons: [{ text: "Go Pro", href: "#contact" }] },
-          buttons: [
-            {
-              text: "Get Started",              href: "#contact"},
-          ],
-        },
-        {
-          id: "pro",          badge: "Elite",          price: "$60/mo",          subtitle: "Full access with coaching.",          features: [
-            "Unlimited Access",            "Coach Consultation",            "Guest Passes"],
-          buttons: [
-            {
-              text: "Upgrade",              href: "#contact"},
-          ],
-        },
-        {
-          id: "master",          badge: "Pro",          price: "$100/mo",          subtitle: "Total performance package.",          features: [
-            "Everything Pro",            "Custom Diet Plan",            "Personal Training"],
-          buttons: [
-            {
-              text: "Go Pro",              href: "#contact"},
-          ],
-        },
       ]}
       title="Membership Plans"
       description="Flexible pricing options to match your fitness journey."
@@ -179,15 +107,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", title: "Happy Members", value: "1,200+", icon: Users },
-          id: "m1",          title: "Happy Members",          value: "1,200+",          icon: Users,
+        { id: "m2", title: "Weight Lifted", value: "500T", icon: Activity },
-        },
+        { id: "m3", title: "Classes Held", value: "4,500", icon: Activity },
-        {
-          id: "m2",          title: "Weight Lifted",          value: "500T",          icon: Activity,
-        },
-        {
-          id: "m3",          title: "Classes Held",          value: "4,500",          icon: Activity,
-        },
       ]}
       title="Gym Milestones"
       description="Our impact on our fitness community."
@@ -200,30 +122,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Rahul S.", role: "Athlete", company: "Pehellwaan Gym", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828878.jpg" },
-          id: "1",          name: "Rahul S.",          role: "Athlete",          company: "Pehellwaan Gym",          rating: 5,
+        { id: "2", name: "Anita K.", role: "Member", company: "Pehellwaan Gym", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-headphones_23-2148435366.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828878.jpg"},
+        { id: "3", name: "Vikram J.", role: "Lifter", company: "Pehellwaan Gym", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-stretching-urban-environment_23-2147988169.jpg" },
-        {
-          id: "2",          name: "Anita K.",          role: "Member",          company: "Pehellwaan Gym",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-headphones_23-2148435366.jpg"},
-        {
-          id: "3",          name: "Vikram J.",          role: "Lifter",          company: "Pehellwaan Gym",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-stretching-urban-environment_23-2147988169.jpg"},
-        {
-          id: "4",          name: "Sonia M.",          role: "Beginner",          company: "Pehellwaan Gym",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-woman-taking-selfie_23-2148343487.jpg"},
-        {
-          id: "5",          name: "Arjun D.",          role: "Pro",          company: "Pehellwaan Gym",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-model-sport-bra-looks-seductive-with-hands-closed_114579-14185.jpg"},
-      ]}
-      kpiItems={[
-        {
-          value: "4.9",          label: "Rating"},
-        {
-          value: "95%",          label: "Goals Met"},
-        {
-          value: "500+",          label: "Reviews"},
       ]}
+      kpiItems={[{ value: "4.9", label: "Rating" }, { value: "95%", label: "Goals Met" }, { value: "500+", label: "Reviews" }]}
       title="Voices of Pehellwaan"
       description="Real success stories from our gym members."
     />
@@ -233,12 +136,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "What are the hours?", content: "We are open 24/7 for members." },
-          id: "f1",          title: "What are the hours?",          content: "We are open 24/7 for members."},
+        { id: "f2", title: "Can I bring a guest?", content: "Yes, with our elite membership." },
-        {
+        { id: "f3", title: "Do you offer training?", content: "Yes, certified coaches are available." },
-          id: "f2",          title: "Can I bring a guest?",          content: "Yes, with our elite membership."},
-        {
-          id: "f3",          title: "Do you offer training?",          content: "Yes, certified coaches are available."},
       ]}
       sideTitle="Gym FAQs"
       faqsAnimation="slide-up"
@@ -246,37 +146,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplit
+      tag="Get In Touch"
+      title="Start Your Fitness Journey Today"
+      description="Fill out the form to schedule a visit or call us directly. We're ready to help you push your limits."
+      background={{ variant: "gradient-bars" }}
       useInvertedBackground={false}
-      background={{
+      imageSrc="https://img.b2bpic.net/free-photo/gym-interior-weights-rack-background_23-2148818820.jpg"
-        variant: "gradient-bars"}}
+      buttonText="Submit Inquiry"
-      text="Call us at 07769969492 or visit us at HW6M+J2 Kharadi, Pune, Maharashtra to start your journey today."
+      inputPlaceholder="Enter your email"
-      buttons={[
+      onSubmit={(e) => console.log(e)}
-        {
+      mediaAnimation="slide-up"
-          text: "Contact Us",          href: "https://www.google.com/maps/place/Pehellwaan+Gym"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
+        { items: [{ label: "About", href: "#about" }, { label: "Plans", href: "#pricing" }] },
-          items: [
+        { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Plans",              href: "#pricing"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",              href: "#contact"},
-            {
-              label: "Privacy",              href: "#"},
-          ],
-        },
       ]}
       logoText="Pehellwaan Gym"
     />