Files
2159771d-e7d4-4029-81b6-e19…/src/app/page.tsx
2026-03-19 09:54:42 +00:00

237 lines
12 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import TextAbout from "@/components/sections/about/TextAbout";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Award, BookOpen, CheckCircle, Dumbbell, Facebook, Heart, Instagram, Linkedin, Phone, Target, TrendingUp, User, Zap } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLarge"
background="aurora"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="Ch Vijay Kumar"
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Testimonials", id: "testimonial" },
{ name: "Contact", id: "contact" }
]}
bottomLeftText="Online Fitness Plans"
bottomRightText="vijay@fitnesstrainer.com"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="Transform Your Body with Online Fitness Plans"
description="Ch Vijay Kumar provides personalized online fitness plans designed for dedicated fitness enthusiasts. Get expert guidance, customized workouts, and nutrition strategies from anywhere. Achieve your fitness goals faster with professional coaching tailored to your lifestyle."
background={{ variant: "plain" }}
kpis={[
{ value: "500+", label: "Online Clients" },
{ value: "95%", label: "Success Rate" },
{ value: "10+", label: "Years Experience" }
]}
enableKpiAnimation={true}
tag="Online Fitness Plans for Enthusiasts"
tagIcon={Dumbbell}
tagAnimation="slide-up"
buttons={[
{ text: "Start Your Journey", href: "#contact" },
{ text: "Learn More", href: "#features" }
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-624.jpg"
imageAlt="Ch Vijay Kumar - Professional Fitness Trainer"
mediaAnimation="blur-reveal"
imagePosition="right"
/>
</div>
<div id="about" data-section="about">
<TextAbout
tag="About The Coach"
tagIcon={User}
tagAnimation="slide-up"
title="Meet Ch Vijay Kumar - Online Fitness Coach for Enthusiasts"
useInvertedBackground={false}
buttons={[
{ text: "View My Online Programs", href: "#features" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
title="Proven Results with Online Fitness Plans"
description="With over a decade of dedicated coaching experience, Ch Vijay Kumar has transformed hundreds of fitness enthusiasts worldwide through expert online guidance, personalized training programs, and unwavering support from anywhere."
tag="Track Record"
tagIcon={TrendingUp}
tagAnimation="slide-up"
metrics={[
{ id: "clients", value: "500+", title: "Online Clients", description: "Transformed lives through remote coaching", icon: User },
{ id: "success", value: "95%", title: "Success Rate", description: "Goal achievement among online clients", icon: CheckCircle },
{ id: "experience", value: "10+", title: "Years Experience", description: "Dedicated online fitness coaching", icon: Award }
]}
gridVariant="bento-grid"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
buttons={[
{ text: "Join Now", href: "#contact" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
title="Comprehensive Online Fitness Plans"
description="Every client receives tailored online fitness programs designed specifically for their goals, fitness level, and lifestyle. Experience the difference personalized remote coaching makes for dedicated fitness enthusiasts."
tag="Our Online Services"
tagIcon={Zap}
tagAnimation="slide-up"
features={[
{
id: 1,
title: "Online Personal Training Plans", description: "Individualized online coaching programs tailored to your specific goals, fitness level, and preferences. Get expert guidance delivered remotely for dedicated fitness enthusiasts.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-exercising-with-dumbbell_23-2149178069.jpg", imageAlt: "Personal Training Session"
},
{
id: 2,
title: "Online Nutrition & Diet Planning", description: "Customized meal plans and nutritional guidance designed specifically for your online fitness program. Remote nutrition coaching to maximize your results.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-with-tasty-food_23-2149409364.jpg", imageAlt: "Nutrition Coaching"
},
{
id: 3,
title: "Custom Online Fitness Programs", description: "Structured workout programs built specifically for your goals and delivered online, whether it's weight loss, muscle gain, or overall fitness for enthusiasts.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-cute-weekly-workout-calendar_23-2149236062.jpg", imageAlt: "Fitness Program Design"
},
{
id: 4,
title: "Remote Progress Tracking & Accountability", description: "Regular online assessments, detailed progress tracking, and ongoing remote support to keep you motivated and on track with your fitness goals.", imageSrc: "http://img.b2bpic.net/free-psd/gradient-gym-workout-facebook-template_23-2151232106.jpg", imageAlt: "Client Transformation"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "Choose Your Online Plan", href: "#contact" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="feature-bento" data-section="feature-bento">
<FeatureBento
title="Why Choose Ch Vijay Kumar for Online Fitness Plans"
description="Expert remote coaching combined with personalized attention, proven methodologies, and unwavering commitment to your success as a fitness enthusiast."
tag="Key Advantages"
tagIcon={Zap}
tagAnimation="slide-up"
features={[
{
title: "Expert Certification", description: "Internationally certified fitness professional with continuous education in online coaching", button: { text: "Learn More" },
bentoComponent: "icon-info-cards", items: [
{ icon: Award, label: "Certified Coach", value: "ACE" },
{ icon: BookOpen, label: "Online Specialist", value: "Updated" }
]
},
{
title: "Personalized Online Approach", description: "Every online fitness plan is customized for individual goals and needs", button: { text: "Get Started" },
bentoComponent: "orbiting-icons", centerIcon: Target,
items: [
{ icon: Zap, ring: 1 },
{ icon: Heart, ring: 1 },
{ icon: TrendingUp, ring: 2 },
{ icon: CheckCircle, ring: 2 }
]
},
{
title: "Proven Results for Fitness Enthusiasts", description: "Hundreds of successful transformations with sustainable results through online coaching", button: { text: "See Results" },
bentoComponent: "timeline", heading: "Your Transformation", subheading: "4-12 week progressive journey", items: [
{ label: "Week 4", detail: "Initial strength gains" },
{ label: "Week 8", detail: "Visible body changes" },
{ label: "Week 12", detail: "Transformed confidence" }
],
completedLabel: "Complete"
}
]}
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={true}
buttons={[
{ text: "Start Your Online Plan", href: "#contact" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardFifteen
testimonial="Ch Vijay Kumar's online fitness plans completely transformed my fitness journey. His personalized approach and constant motivation through remote coaching helped me achieve results I never thought possible. Perfect for dedicated fitness enthusiasts!"
rating={5}
author="Rahul M."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-dark-hair-dressed-denim-jacket-keeping-her-hands-together-pleading-something-having-mournful-look_273609-7735.jpg", alt: "Client Rahul" },
{ src: "http://img.b2bpic.net/free-photo/blurred-background-photo-gorgeous-blonde-woman-gym-her-weekend-time_146671-16550.jpg", alt: "Client Sarah" },
{ src: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", alt: "Client Priya" },
{ src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "Client Amit" },
{ src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3798.jpg", alt: "Client Neha" }
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get In Touch"
title="Start Your Online Fitness Transformation Today"
description="Ready to achieve your fitness goals with personalized online plans? Connect with Ch Vijay Kumar to discuss your customized online fitness program and begin your journey to a healthier, stronger you."
tagIcon={Phone}
tagAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-gym-room_74190-5097.jpg"
imageAlt="Gym Facility"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email address"
buttonText="Get Started"
termsText="By signing up, you agree to receive online fitness tips and program updates from Ch Vijay Kumar."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Ch Vijay Kumar"
copyrightText="© 2025 Ch Vijay Kumar | Online Fitness Plans"
socialLinks={[
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
]}
/>
</div>
</ThemeProvider>
);
}