Merge version_1 into main #2
@@ -23,7 +23,7 @@ export default function MembershipPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -33,9 +33,7 @@ export default function MembershipPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:075838 16240",
|
||||
}}
|
||||
text: "Call Now", href: "tel:075838 16240"}}
|
||||
brandName="The Royal Fitness Club"
|
||||
/>
|
||||
</div>
|
||||
@@ -45,20 +43,15 @@ export default function MembershipPage() {
|
||||
title="Choose Your Membership Plan"
|
||||
description="Select the perfect plan to start your fitness transformation at The Royal Fitness Club. All plans include access to our premium facilities and supportive community."
|
||||
background={{
|
||||
variant: "grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Premium Memberships"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "tel:075838 16240",
|
||||
},
|
||||
text: "Get Started", href: "tel:075838 16240"},
|
||||
{
|
||||
text: "Free Trial",
|
||||
href: "#membership-plans",
|
||||
},
|
||||
text: "Free Trial", href: "#membership-plans"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ritual-calm-sauna-light-woman-by-door_169016-69085.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ritual-calm-sauna-light-woman-by-door_169016-69085.jpg"
|
||||
imageAlt="The Royal Fitness Club - Membership Plans"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -70,55 +63,27 @@ export default function MembershipPage() {
|
||||
description="Flexible options tailored to your fitness goals and lifestyle"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Basic Membership",
|
||||
subtitle: "Perfect for getting started with fitness",
|
||||
category: "Popular",
|
||||
value: "₹2,999/month",
|
||||
buttons: [
|
||||
id: "1", title: "Basic Membership", subtitle: "Perfect for getting started with fitness", category: "Popular", value: "₹2,999/month", buttons: [
|
||||
{
|
||||
text: "Choose Plan",
|
||||
href: "tel:075838 16240",
|
||||
},
|
||||
text: "Choose Plan", href: "tel:075838 16240"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Premium Membership",
|
||||
subtitle: "Includes personal training sessions",
|
||||
category: "Best Value",
|
||||
value: "₹4,999/month",
|
||||
buttons: [
|
||||
id: "2", title: "Premium Membership", subtitle: "Includes personal training sessions", category: "Best Value", value: "₹4,999/month", buttons: [
|
||||
{
|
||||
text: "Choose Plan",
|
||||
href: "tel:075838 16240",
|
||||
},
|
||||
text: "Choose Plan", href: "tel:075838 16240"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Elite Membership",
|
||||
subtitle: "Full access with nutrition coaching",
|
||||
category: "Most Popular",
|
||||
value: "₹6,999/month",
|
||||
buttons: [
|
||||
id: "3", title: "Elite Membership", subtitle: "Full access with nutrition coaching", category: "Most Popular", value: "₹6,999/month", buttons: [
|
||||
{
|
||||
text: "Choose Plan",
|
||||
href: "tel:075838 16240",
|
||||
},
|
||||
text: "Choose Plan", href: "tel:075838 16240"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Annual Membership",
|
||||
subtitle: "Best savings for committed members",
|
||||
category: "Save More",
|
||||
value: "₹49,999/year",
|
||||
buttons: [
|
||||
id: "4", title: "Annual Membership", subtitle: "Best savings for committed members", category: "Save More", value: "₹49,999/year", buttons: [
|
||||
{
|
||||
text: "Choose Plan",
|
||||
href: "tel:075838 16240",
|
||||
},
|
||||
text: "Choose Plan", href: "tel:075838 16240"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -134,32 +99,14 @@ export default function MembershipPage() {
|
||||
description="Premium benefits across all membership tiers"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "24/7 Facility Access",
|
||||
author: "Always Available",
|
||||
description: "Train anytime that suits your schedule. Our facility is open round the clock with secure access for all members.",
|
||||
tags: ["Convenience", "Flexibility"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ritual-calm-sauna-light-woman-by-door_169016-69085.jpg?_wi=3",
|
||||
imageAlt: "24/7 Facility Access",
|
||||
},
|
||||
id: "1", title: "24/7 Facility Access", author: "Always Available", description: "Train anytime that suits your schedule. Our facility is open round the clock with secure access for all members.", tags: ["Convenience", "Flexibility"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ritual-calm-sauna-light-woman-by-door_169016-69085.jpg", imageAlt: "24/7 Facility Access"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Group Classes Included",
|
||||
author: "Community Training",
|
||||
description: "Access unlimited group fitness classes including strength training, cardio, and motivational community sessions.",
|
||||
tags: ["Classes", "Community"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-stairs_23-2149161244.jpg?_wi=2",
|
||||
imageAlt: "Group Classes",
|
||||
},
|
||||
id: "2", title: "Group Classes Included", author: "Community Training", description: "Access unlimited group fitness classes including strength training, cardio, and motivational community sessions.", tags: ["Classes", "Community"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-stairs_23-2149161244.jpg", imageAlt: "Group Classes"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Progress Tracking",
|
||||
author: "Data-Driven Results",
|
||||
description: "Monitor your transformation with our comprehensive fitness tracking system and personalized progress reports.",
|
||||
tags: ["Tracking", "Results"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024278.jpg?_wi=2",
|
||||
imageAlt: "Progress Tracking",
|
||||
},
|
||||
id: "3", title: "Progress Tracking", author: "Data-Driven Results", description: "Monitor your transformation with our comprehensive fitness tracking system and personalized progress reports.", tags: ["Tracking", "Results"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024278.jpg", imageAlt: "Progress Tracking"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
|
||||
139
src/app/page.tsx
139
src/app/page.tsx
@@ -24,7 +24,7 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -34,9 +34,7 @@ export default function HomePage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:075838 16240",
|
||||
}}
|
||||
text: "Call Now", href: "tel:075838 16240"}}
|
||||
brandName="The Royal Fitness Club"
|
||||
/>
|
||||
</div>
|
||||
@@ -46,20 +44,15 @@ export default function HomePage() {
|
||||
title="Gwalior's Highest Rated Gym – Train Like Royalty"
|
||||
description="Build strength, confidence and discipline at The Royal Fitness Club. Professional trainers, modern equipment, and a motivating community dedicated to your fitness journey."
|
||||
background={{
|
||||
variant: "grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="4.9★ Rating - 120+ Reviews"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:075838 16240",
|
||||
},
|
||||
text: "Call Now", href: "tel:075838 16240"},
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "/membership",
|
||||
},
|
||||
text: "Start Free Trial", href: "/membership"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ritual-calm-sauna-light-woman-by-door_169016-69085.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ritual-calm-sauna-light-woman-by-door_169016-69085.jpg"
|
||||
imageAlt="The Royal Fitness Club - Modern gym facility with professional equipment"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -71,33 +64,13 @@ export default function HomePage() {
|
||||
description="Join 120+ local members who trust us for their fitness goals"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "120+ Local Members",
|
||||
subtitle: "Growing fitness community in Gwalior",
|
||||
category: "Strength",
|
||||
value: "Growing Daily",
|
||||
},
|
||||
id: "1", title: "120+ Local Members", subtitle: "Growing fitness community in Gwalior", category: "Strength", value: "Growing Daily"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Top Rated in Gwalior",
|
||||
subtitle: "4.9★ rating with 120 verified reviews",
|
||||
category: "Trust",
|
||||
value: "4.9★",
|
||||
},
|
||||
id: "2", title: "Top Rated in Gwalior", subtitle: "4.9★ rating with 120 verified reviews", category: "Trust", value: "4.9★"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Professional Trainers",
|
||||
subtitle: "Certified experts with years of experience",
|
||||
category: "Expertise",
|
||||
value: "10+ Years",
|
||||
},
|
||||
id: "3", title: "Professional Trainers", subtitle: "Certified experts with years of experience", category: "Expertise", value: "10+ Years"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Modern Equipment",
|
||||
subtitle: "Latest strength training and cardio machines",
|
||||
category: "Facility",
|
||||
value: "Premium",
|
||||
},
|
||||
id: "4", title: "Modern Equipment", subtitle: "Latest strength training and cardio machines", category: "Facility", value: "Premium"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -111,41 +84,17 @@ export default function HomePage() {
|
||||
description="Comprehensive fitness solutions designed for your success"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Strength Training",
|
||||
author: "Build Power",
|
||||
description: "Modern machines and free weights for serious muscle growth. Progressive training programs designed by certified trainers.",
|
||||
tags: ["Equipment", "Dedicated"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024278.jpg?_wi=1",
|
||||
imageAlt: "Strength training equipment",
|
||||
},
|
||||
id: "1", title: "Strength Training", author: "Build Power", description: "Modern machines and free weights for serious muscle growth. Progressive training programs designed by certified trainers.", tags: ["Equipment", "Dedicated"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-training-gym_23-2148024278.jpg", imageAlt: "Strength training equipment"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Personal Training",
|
||||
author: "Expert Guidance",
|
||||
description: "One-on-one coaching from expert trainers helping you achieve results faster. Customized workout plans and nutrition guidance.",
|
||||
tags: ["Coaching", "Custom"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-man-spend-time-morning-gym_1157-28937.jpg",
|
||||
imageAlt: "Personal training session",
|
||||
},
|
||||
id: "2", title: "Personal Training", author: "Expert Guidance", description: "One-on-one coaching from expert trainers helping you achieve results faster. Customized workout plans and nutrition guidance.", tags: ["Coaching", "Custom"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-man-spend-time-morning-gym_1157-28937.jpg", imageAlt: "Personal training session"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Weight Loss Programs",
|
||||
author: "Transform",
|
||||
description: "Structured programs designed specifically for fat loss. Combine cardio, strength training, and nutrition for guaranteed results.",
|
||||
tags: ["Cardio", "Nutrition"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-mobile-phone-while-doing-exercise-with-yellow-dumbbell_23-2148047389.jpg?_wi=1",
|
||||
imageAlt: "Weight loss training program",
|
||||
},
|
||||
id: "3", title: "Weight Loss Programs", author: "Transform", description: "Structured programs designed specifically for fat loss. Combine cardio, strength training, and nutrition for guaranteed results.", tags: ["Cardio", "Nutrition"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-mobile-phone-while-doing-exercise-with-yellow-dumbbell_23-2148047389.jpg", imageAlt: "Weight loss training program"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Community & Discipline",
|
||||
author: "Motivate",
|
||||
description: "Motivating environment that keeps you consistent. Train with disciplined athletes who push you to reach new heights.",
|
||||
tags: ["Community", "Motivation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-stairs_23-2149161244.jpg?_wi=1",
|
||||
imageAlt: "Fitness community training together",
|
||||
},
|
||||
id: "4", title: "Community & Discipline", author: "Motivate", description: "Motivating environment that keeps you consistent. Train with disciplined athletes who push you to reach new heights.", tags: ["Community", "Motivation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-stairs_23-2149161244.jpg", imageAlt: "Fitness community training together"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -159,55 +108,25 @@ export default function HomePage() {
|
||||
description="Real testimonials from people who transformed their fitness journey at The Royal Fitness Club"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rajesh Kumar",
|
||||
role: "Member",
|
||||
company: "Gwalior",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-dark-skinned-runner-resting-seaside-after-activity-open-air-sitting-embankment-enjoying-sunset-summer-evening-cheerful-student-spending-his-vacations-exercising-outdoors_273609-1184.jpg?_wi=1",
|
||||
imageAlt: "Rajesh Kumar - Member Success",
|
||||
},
|
||||
id: "1", name: "Rajesh Kumar", role: "Member", company: "Gwalior", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-dark-skinned-runner-resting-seaside-after-activity-open-air-sitting-embankment-enjoying-sunset-summer-evening-cheerful-student-spending-his-vacations-exercising-outdoors_273609-1184.jpg", imageAlt: "Rajesh Kumar - Member Success"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Priya Singh",
|
||||
role: "Member",
|
||||
company: "Gwalior",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-fitness-trainer-gym_1303-13566.jpg?_wi=1",
|
||||
imageAlt: "Priya Singh - Member Success",
|
||||
},
|
||||
id: "2", name: "Priya Singh", role: "Member", company: "Gwalior", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-fitness-trainer-gym_1303-13566.jpg", imageAlt: "Priya Singh - Member Success"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vikram Patel",
|
||||
role: "Head Trainer",
|
||||
company: "The Royal Fitness Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/care-male-healthy-weights-athletic_1139-695.jpg?_wi=1",
|
||||
imageAlt: "Vikram Patel - Head Trainer",
|
||||
},
|
||||
id: "3", name: "Vikram Patel", role: "Head Trainer", company: "The Royal Fitness Club", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/care-male-healthy-weights-athletic_1139-695.jpg", imageAlt: "Vikram Patel - Head Trainer"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Anjali Verma",
|
||||
role: "Member",
|
||||
company: "Gwalior",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-back-extensions_23-2147687971.jpg?_wi=1",
|
||||
imageAlt: "Anjali Verma - Member Success",
|
||||
},
|
||||
id: "4", name: "Anjali Verma", role: "Member", company: "Gwalior", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-back-extensions_23-2147687971.jpg", imageAlt: "Anjali Verma - Member Success"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "120+",
|
||||
label: "Active Members",
|
||||
},
|
||||
value: "120+", label: "Active Members"},
|
||||
{
|
||||
value: "4.9★",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9★", label: "Average Rating"},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "10+", label: "Years Experience"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
|
||||
@@ -1,51 +1,30 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '' }) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox="0 0 200 200"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
dominantBaseline="middle"
|
||||
textAnchor="middle"
|
||||
fontSize="24"
|
||||
fontWeight="bold"
|
||||
fill="currentColor"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user