258 lines
16 KiB
TypeScript
258 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
|
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { Sparkles, Zap, MapPin, Instagram, Facebook, Linkedin, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Beast Fitness"
|
|
navItems={[
|
|
{ name: "Why Us", id: "features" },
|
|
{ name: "Amenities", id: "amenities" },
|
|
{ name: "Plans", id: "pricing" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Train in a Calm, Premium Space — Feel Results Faster."
|
|
description="A spotless, well-equipped studio with supportive trainers and a peaceful environment built for beginners and serious lifters alike."
|
|
tag="Elite Fitness Experience"
|
|
tagIcon={Sparkles}
|
|
buttons={[]}
|
|
background={{ variant: "glowing-orb" }}
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-muscular-strong-bearded-man-work-out-cardio-bicycle-gym-near-big-window-with-view-trees-outside_343596-2637.jpg?_wi=1", imageAlt: "Luxury gym interior with premium equipment"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-man-gym-with-medical-masks_23-2148766010.jpg?_wi=1", imageAlt: "Strength training zone with organized equipment"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-exercising-home_23-2150164752.jpg?_wi=1", imageAlt: "Functional warm-up area"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-gloves-cleaning-solution-disinfecting-gym-equipment_23-2148766028.jpg?_wi=1", imageAlt: "Pristine and well-maintained gym equipment"
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-using-treadmill_23-2147688561.jpg", imageAlt: "Premium cardio floor with modern equipment"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/gym-fitness-woman-working-gym-exercises-running-treadmill_169016-63379.jpg?_wi=1", imageAlt: "Cardio machines arranged for optimal experience"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-physical-rehabilitation-helped-by-therapists_23-2149227846.jpg?_wi=1", imageAlt: "Expert trainers providing guidance"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/exercises-air-bike-full-height-young-athlete-gym_169016-60951.jpg", imageAlt: "Strength training equipment zone"
|
|
},
|
|
]}
|
|
avatarText="5★ Loved for cleanliness, ambience & guidance"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
title="Luxury That feels Calm. Training That Feels Serious."
|
|
description=""
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Spotless & Well-Maintained Equipment", description: "Every machine is meticulously cleaned and maintained daily. Premium equipment that feels brand new every time.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-gloves-cleaning-solution-disinfecting-gym-equipment_23-2148766028.jpg?_wi=2", imageAlt: "Clean and well-maintained gym equipment"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Peaceful, Not Overcrowded Environment", description: "Membership limits ensure you never feel rushed. Spacious zones with breathing room for focused training.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXVMILqsNsTV8Mb26BNglJ9u4S/uploaded-1772879190900-wg3w3yth.webp", imageAlt: "Spacious and calm gym atmosphere"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Supportive & Knowledgeable Trainers", description: "Our certified trainers are here to guide, not judge. Beginner-friendly coaching with expert-level knowledge.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXVMILqsNsTV8Mb26BNglJ9u4S/uploaded-1772879113746-ac1p3qoi.webp", imageAlt: "Expert trainers providing personalized guidance"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Dedicated Cardio + Strength Floors", description: "Separate zones for cardio and weights. Organized, distraction-free training environments for maximum focus.", imageSrc: "http://img.b2bpic.net/free-photo/gym-fitness-woman-working-gym-exercises-running-treadmill_169016-63379.jpg?_wi=2", imageAlt: "Organized cardio and strength training zones"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<ProductCardTwo
|
|
title="Studio Amenities"
|
|
description="Everything you need for a premium fitness experience designed for serious results."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Beast Fitness", name: "Strength Training Zone", price: "Included", rating: 5,
|
|
reviewCount: "400+", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-man-gym-with-medical-masks_23-2148766010.jpg?_wi=2", imageAlt: "Premium strength training equipment and weights"
|
|
},
|
|
{
|
|
id: "2", brand: "Beast Fitness", name: "Dedicated Cardio Floor", price: "Included", rating: 5,
|
|
reviewCount: "380+", imageSrc: "http://img.b2bpic.net/free-photo/gym-fitness-woman-working-gym-exercises-running-treadmill_169016-63379.jpg?_wi=3", imageAlt: "Modern cardio machines and equipment"
|
|
},
|
|
{
|
|
id: "3", brand: "Beast Fitness", name: "Functional Warm-Up Area", price: "Included", rating: 5,
|
|
reviewCount: "320+", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-exercising-home_23-2150164752.jpg?_wi=2", imageAlt: "Functional training and warm-up equipment"
|
|
},
|
|
{
|
|
id: "4", brand: "Beast Fitness", name: "Sanitized Equipment", price: "Included", rating: 5,
|
|
reviewCount: "450+", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-gloves-cleaning-solution-disinfecting-gym-equipment_23-2148766028.jpg?_wi=3", imageAlt: "Professionally maintained and sanitized equipment"
|
|
},
|
|
{
|
|
id: "5", brand: "Beast Fitness", name: "Flexible Open Hours", price: "Included", rating: 5,
|
|
reviewCount: "390+", imageSrc: "http://img.b2bpic.net/free-photo/woman-lifting-legs-exercise-machine_23-2147688157.jpg", imageAlt: "24 hour gym access and flexible timing"
|
|
},
|
|
{
|
|
id: "6", brand: "Beast Fitness", name: "Beginner-Friendly Guidance", price: "Included", rating: 5,
|
|
reviewCount: "410+", imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-physical-rehabilitation-helped-by-therapists_23-2149227846.jpg?_wi=3", imageAlt: "Supportive trainer guidance for beginners"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
title="Flexible Membership Plans"
|
|
description="Choose the plan that fits your fitness journey. All plans include full access to our premium facilities."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "starter", tag: "Starter Plan", price: "₹2,999", period: "/month", description: "Perfect for those just starting their fitness journey.", button: { text: "Choose Plan", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"Unlimited gym access", "Basic trainer guidance", "Access to cardio + strength zones", "Clean environment guarantee"
|
|
],
|
|
},
|
|
{
|
|
id: "progress", tag: "Progress Plan", tagIcon: Star,
|
|
price: "₹4,999", period: "/month", description: "Most popular choice for achieving serious results.", button: { text: "Choose Plan", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"Unlimited gym access", "Advanced trainer guidance & form check", "Priority booking for peak hours", "Access to all training zones", "Monthly progress tracking", "Clean environment guarantee"
|
|
],
|
|
},
|
|
{
|
|
id: "transform", tag: "Transform Plan", price: "₹7,999", period: "/month", description: "Elite membership for complete transformation.", button: { text: "Choose Plan", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"Unlimited gym access + priority entry", "Personalized training programs", "One-on-one sessions with certified trainers", "Nutrition consultation", "Weekly progress reviews", "Private locker + amenities", "Access to exclusive member events", "Clean environment guarantee"
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Loved by Members in the Area"
|
|
description="See what our community of lifters and fitness enthusiasts have to say about Beast Fitness Studio."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Arjun Sharma", role: "Fitness Enthusiast", testimonial: "Very clean and well-maintained. The gym has separate spaces for cardio and weights, which I love. No crowding, pure peace.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-training-gym-bodybuilding_23-2149552356.jpg", imageAlt: "Arjun Sharma"
|
|
},
|
|
{
|
|
id: "2", name: "Priya Mehta", role: "Marathon Runner", testimonial: "The trainers are incredibly friendly and helpful. As a beginner, I never felt judged. This is the best gym in the area.", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-dance-therapy-class_23-2149346589.jpg", imageAlt: "Priya Mehta"
|
|
},
|
|
{
|
|
id: "3", name: "Rahul Verma", role: "Strength Trainer", testimonial: "Peaceful environment, not overcrowded, and excellent equipment maintenance. Exactly what I was looking for in a premium gym.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-gym_23-2148111693.jpg", imageAlt: "Rahul Verma"
|
|
},
|
|
{
|
|
id: "4", name: "Divya Nair", role: "Fitness Coach", testimonial: "The separate cardio and strength zones make training so focused. Premium quality at every detail. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg?_wi=1", imageAlt: "Divya Nair"
|
|
},
|
|
{
|
|
id: "5", name: "Amit Gupta", role: "Corporate Executive", testimonial: "Open all day with flexible timings. The calm luxury vibe is exactly what I needed after stressful workdays.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg?_wi=2", imageAlt: "Amit Gupta"
|
|
},
|
|
{
|
|
id: "6", name: "Sneha Kapoor", role: "Wellness Professional", testimonial: "Best gym in Manyata. The combination of premium amenities, cleanliness, and supportive trainers is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-with-backpack_158595-3427.jpg", imageAlt: "Sneha Kapoor"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<ContactCTA
|
|
tag="Ready to Transform?"
|
|
tagIcon={Zap}
|
|
title="A Premium Gym You'll Actually Stick With"
|
|
description="Book a tour, meet the trainers, and experience the calm luxury difference. Your fitness transformation starts here."
|
|
buttons={[
|
|
{ text: "Book a Free Tour", href: "#contact" },
|
|
{ text: "WhatsApp Us", href: "https://wa.me/+919999999999" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get in Touch"
|
|
tagIcon={MapPin}
|
|
title="Visit Beast Fitness Studio"
|
|
description="Location: Thanisandra / Manyata Area, Bangalore\nPhone: +91-XXXXX-XXXXX\nOpen: 24 Hours Every Day\n\nWe're here to welcome you anytime. Stop by for a tour or join our growing community of fitness enthusiasts."
|
|
buttons={[
|
|
{ text: "Get Directions", href: "https://maps.google.com" },
|
|
{ text: "Call Now", href: "tel:+919999999999" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Beast Fitness"
|
|
copyrightText="© 2025 Beast Fitness Studio. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/beastfitnessstudio", ariaLabel: "Instagram"
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/beastfitnessstudio", ariaLabel: "Facebook"
|
|
},
|
|
{
|
|
icon: Linkedin,
|
|
href: "https://linkedin.com/company/beastfitnessstudio", ariaLabel: "LinkedIn"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |