Switch to version 3: modified src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -32,11 +32,16 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        { name: "Home", id: "#hero" },
+        {
-        { name: "About", id: "#about" },
+          name: "Home",          id: "#hero"},
-        { name: "Features", id: "#features" },
+        {
-        { name: "Pricing", id: "#pricing" },
+          name: "About",          id: "#about"},
-        { name: "Contact", id: "#contact" },
+        {
+          name: "Features",          id: "#features"},
+        {
+          name: "Pricing",          id: "#pricing"},
+        {
+          name: "Contact",          id: "#contact"},
       ]}
       button={{
         text: "Join Now",        href: "#pricing"}}
@@ -46,20 +51,41 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{ variant: "radial-gradient" }}
+      background={{
+        variant: "radial-gradient"}}
       title="Your Fitness Journey Starts Here."
-      description="Nestled in the heart of Norkem Park, we offer state-of-the-art equipment and a variety of classes including new aerobics sessions in a friendly, snob-free environment. We are open for you until 10pm every day."
+      description="Nestled in the heart of Norkem Park, we offer state-of-the-art equipment in a friendly, snob-free environment. Open for business and ready for you."
-      buttons={[{ text: "Join Now", href: "#pricing" }]}
+      buttons={[
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CToL1Sp1IITldMQd9yhy7puSbW/uploaded-1776419813803-pyqq9kj0.jpg?_wi=1"
+        {
-      imageAlt="Aerobics Class Session"
+          text: "Join Now",          href: "#pricing"},
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/couple-gym_1303-5509.jpg"
+      imageAlt="Family Fitness Norkem Park Interior"
       mediaAnimation="slide-up"
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151917991.jpg",          alt: "Happy member training"},
+        {
+          src: "http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151918014.jpg",          alt: "Enthusiastic fitness member"},
+        {
+          src: "http://img.b2bpic.net/free-photo/woman-doing-fitness-training-leg-extension-push-machine_23-2147827871.jpg",          alt: "Member on machine"},
+        {
+          src: "http://img.b2bpic.net/free-photo/beautiful-athletic-sportswear-girl-training-gym_1157-13756.jpg",          alt: "Athlete training"},
+        {
+          src: "http://img.b2bpic.net/free-photo/exercising-coastline-beautiful-sunlight-long-hair_1134-722.jpg",          alt: "Community member"},
+      ]}
       avatarText="1200+ Happy Members"
       marqueeItems={[
-        { type: "text", text: "24/7 Access" },
+        {
-        { type: "text", text: "Aerobics Classes" },
+          type: "text",          text: "24/7 Access"},
-        { type: "text", text: "Open until 10pm" },
+        {
-        { type: "text", text: "Snob-Free" },
+          type: "text",          text: "Snob-Free"},
-        { type: "text", text: "Premium Gear" },
+        {
+          type: "text",          text: "Community Focus"},
+        {
+          type: "text",          text: "Premium Gear"},
+        {
+          type: "text",          text: "Join Today"},
       ]}
     />
   </div>
@@ -69,7 +95,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       tag="About Us"
       title="A Snob-Free Gym Experience"
-      description="We are more than just a gym; we are a community-focused hub dedicated to your health and wellness. With new aerobics classes and extended hours until 10pm, we cater to your active lifestyle."
+      description="We are more than just a gym; we are a community-focused hub dedicated to your health and wellness. We believe in providing top-tier facilities without the intimidating environment."
       subdescription="Located perfectly in Norkem Park, we are minutes from Edleen and Van Riebeeck Park, ready to serve your every fitness need."
       icon={Users}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CToL1Sp1IITldMQd9yhy7puSbW/uploaded-1776419582504-5y5w67p0.jpg"
@@ -85,14 +111,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Aerobics Classes",          description: "Join our energetic group aerobics classes designed for all fitness levels.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CToL1Sp1IITldMQd9yhy7puSbW/uploaded-1776419813803-pyqq9kj0.jpg?_wi=2"},
+          title: "24/7 Access",          description: "Work out on your schedule with our extended 24/7 access facilities.",          imageSrc: "http://img.b2bpic.net/free-photo/anticipation-harmony-spa-woman-near-sauna-door_169016-69262.jpg"},
         {
           title: "Modern Equipment",          description: "Enjoy the latest in strength and cardio technology for an optimized workout.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CToL1Sp1IITldMQd9yhy7puSbW/uploaded-1776419603100-1ghsr4yo.jpg"},
         {
-          title: "Open until 10pm",          description: "Flexibility in your schedule with extended evening access.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-bathrobe-dressing-room-spa-there-is-woman-background_637285-7510.jpg"},
+          title: "Premium Amenities",          description: "Clean showers, lockers, and comfortable spaces to recharge.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-bathrobe-dressing-room-spa-there-is-woman-background_637285-7510.jpg"},
       ]}
       title="Why Choose Us?"
-      description="Top-tier fitness amenities, including new classes and flexible hours to keep you moving."
+      description="State of the art gym equipment, and facilities to cater for your every need."
     />
   </div>
 
@@ -103,12 +129,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",          tag: "Starter",          price: "R299",          period: "mo",          description: "Perfect for casual gym goers.",          button: { text: "Join Now", href: "#contact" },
+          id: "basic",          tag: "Starter",          price: "R299",          period: "mo",          description: "Perfect for casual gym goers.",          button: {
-          featuresTitle: "Included",          features: ["Daytime Access", "Basic Cardio", "Standard Equipment"],
+            text: "Join Now",            href: "#contact"},
+          featuresTitle: "Included",          features: [
+            "Daytime Access",            "Basic Cardio",            "Standard Equipment"],
         },
         {
-          id: "pro",          tag: "Most Popular",          price: "R499",          period: "mo",          description: "Access to all classes and equipment until 10pm.",          button: { text: "Join Now", href: "#contact" },
+          id: "pro",          tag: "Most Popular",          price: "R499",          period: "mo",          description: "Complete access for dedicated fitness lovers.",          button: {
-          featuresTitle: "Included",          features: ["Aerobics Classes", "24/7 Access", "Open until 10pm"],
+            text: "Join Now",            href: "#contact"},
+          featuresTitle: "Included",          features: [
+            "24/7 Access",            "Full Gym Access",            "Priority Support"],
         },
       ]}
       title="Membership Plans"
@@ -122,9 +152,15 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       metrics={[
-        { id: "m1", icon: Users, title: "Happy Members", value: "1200+" },
+        {
-        { id: "m2", icon: Activity, title: "Fitness Classes", value: "New" },
+          id: "m1",          icon: Users,
-        { id: "m3", icon: Clock, title: "Closing Time", value: "10pm" },
+          title: "Happy Members",          value: "1200+"},
+        {
+          id: "m2",          icon: Activity,
+          title: "Fitness Machines",          value: "50+"},
+        {
+          id: "m3",          icon: Clock,
+          title: "Operational Hours",          value: "24/7"},
       ]}
       title="Our Impact"
       description="Numbers that define our community excellence."
@@ -134,10 +170,21 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       useInvertedBackground={false}
-      testimonial="The new aerobics classes are fantastic! So convenient that they are open until 10pm now too."
+      testimonial="Training at Family Fitness feels like coming home. Quentin, Neville, Jaco, Andre, and Dwain all love the vibe here – truly the best spot in Norkem Park!"
       rating={5}
-      author="Sarah Miller"
+      author="Quentin, Neville, Jaco, Andre, and Dwain"
-      avatars={[]}
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/exercising-coastline-beautiful-sunlight-long-hair_1134-722.jpg",          alt: "Quentin Rebb"},
+        {
+          src: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",          alt: "Neville Anthony"},
+        {
+          src: "http://img.b2bpic.net/free-photo/side-view-young-women-gym_23-2148419835.jpg",          alt: "Jaco Smith"},
+        {
+          src: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205574.jpg",          alt: "Andre Smit"},
+        {
+          src: "http://img.b2bpic.net/free-photo/young-handsome-man-training-gym-bodybuilding_23-2149552356.jpg",          alt: "Dwain Botha"},
+      ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
     />
@@ -148,12 +195,15 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        { id: "q1", title: "What time do you close?", content: "We are now open for training until 10pm daily." },
+        {
-        { id: "q2", title: "Do you offer aerobics?", content: "Yes! We have recently introduced instructor-led aerobics classes." },
+          id: "q1",          title: "Is the gym open 24/7?",          content: "Yes, we offer 24/7 access for our pro members."},
-        { id: "q3", title: "Where are you located?", content: "We are in Norkem Park, minutes from Edleen." },
+        {
+          id: "q2",          title: "Do I have to sign a contract?",          content: "We offer flexible plans both with and without contracts."},
+        {
+          id: "q3",          title: "Where is the gym located?",          content: "We are located in Norkem Park, just 5 minutes from Edleen."},
       ]}
       title="Common Questions"
-      description="Get quick answers about our updated services."
+      description="Get quick answers about our gym."
       faqsAnimation="slide-up"
     />
   </div>
@@ -161,9 +211,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
+      background={{
-      text="Ready to join our classes? Contact us at 011 975 4400 or visit us in Norkem Park today."
+        variant: "gradient-bars"}}
-      buttons={[{ text: "Contact Us", href: "#" }]}
+      text="Ready to get started? Contact us at 011 975 4400 or visit us in Norkem Park today."
+      buttons={[
+        {
+          text: "Contact Us",          href: "#"},
+      ]}
     />
   </div>
 
@@ -172,14 +226,18 @@ export default function LandingPage() {
       columns={[
         {
           items: [
-            { label: "Home", href: "#hero" },
+            {
-            { label: "About", href: "#about" },
+              label: "Home",              href: "#hero"},
+            {
+              label: "About",              href: "#about"},
           ],
         },
         {
           items: [
-            { label: "Pricing", href: "#pricing" },
+            {
-            { label: "Contact", href: "#contact" },
+              label: "Pricing",              href: "#pricing"},
+            {
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}