186 lines
7.4 KiB
TypeScript
186 lines
7.4 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="mediumLarge"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="floatingGradient"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "The Beast", id: "hero"},
|
||
{
|
||
name: "Arsenal", id: "arsenal"},
|
||
{
|
||
name: "Memberships", id: "memberships"},
|
||
{
|
||
name: "Location", id: "location"},
|
||
]}
|
||
brandName="LionGym"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDualMedia
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="Pathankot’s Iron Sanctuary."
|
||
description="LionGym: Where Legends are Forged. Step into the elite fitness ecosystem designed for those who refuse to settle for anything less than perfection."
|
||
tag="ELITE PERFORMANCE"
|
||
buttons={[
|
||
{
|
||
text: "Join the Pride", href: "#contact"},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-lion-studio_23-2150852531.jpg?_wi=1", imageAlt: "Golden Lion Head Hero"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-sportswear-training-exercise-bike-modern-fitness-center_613910-20696.jpg?_wi=1", imageAlt: "Equipment Spotlight"}
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
rating={5}
|
||
ratingText="Top Rated in Pathankot"
|
||
/>
|
||
</div>
|
||
|
||
<div id="arsenal" data-section="arsenal">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "1", brand: "Pro", name: "Treadmill", price: "Elite", rating: 5,
|
||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-sportswear-training-exercise-bike-modern-fitness-center_613910-20696.jpg?_wi=2"},
|
||
{
|
||
id: "2", brand: "Pro", name: "Bench Press", price: "Elite", rating: 5,
|
||
reviewCount: "96", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-lifting-bar_23-2148768868.jpg"},
|
||
{
|
||
id: "3", brand: "Pro", name: "Squat Rack", price: "Elite", rating: 5,
|
||
reviewCount: "74", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fit-woman-doing-jumping-squat-wooden-box_23-2147949535.jpg"},
|
||
{
|
||
id: "4", brand: "Pro", name: "Dumbbells", price: "Elite", rating: 5,
|
||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/conception-strength-black-barbell-metal-stand-gym-daytime-no-people-around_146671-16607.jpg"},
|
||
{
|
||
id: "5", brand: "Pro", name: "Barbell", price: "Elite", rating: 5,
|
||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-weights-gym_23-2148768913.jpg"},
|
||
{
|
||
id: "6", brand: "Pro", name: "Kettlebell", price: "Elite", rating: 5,
|
||
reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-training-with-gym-ball_23-2149326099.jpg"},
|
||
]}
|
||
title="The Arsenal"
|
||
description="Forge your physique with our elite-grade precision equipment, curated for world-class performance."
|
||
/>
|
||
</div>
|
||
|
||
<div id="memberships" data-section="memberships">
|
||
<PricingCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
plans={[
|
||
{
|
||
id: "silver", badge: "Entry", price: "₹1,500/mo", subtitle: "Foundation Strength", features: [
|
||
"Access to gym", "Free initial consult"],
|
||
buttons: [
|
||
{
|
||
text: "Join Silver", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
id: "gold", badge: "Pro", price: "₹2,500/mo", subtitle: "Performance Optimized", features: [
|
||
"Access to gym", "Group classes included", "Nutritional guide"],
|
||
buttons: [
|
||
{
|
||
text: "Join Gold", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
id: "platinum", badge: "Elite", price: "₹4,000/mo", subtitle: "Legendary Status", features: [
|
||
"Personal Trainer", "Priority access", "Sauna & recovery", "Private access"],
|
||
buttons: [
|
||
{
|
||
text: "Join Platinum", href: "#contact"},
|
||
],
|
||
},
|
||
]}
|
||
title="Membership Tiers"
|
||
description="Choose your path to glory with tailored elite memberships."
|
||
/>
|
||
</div>
|
||
|
||
<div id="location" data-section="location">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="Visit Us in Pathankot"
|
||
description={[
|
||
"LionGym is located in the heart of Pathankot, Punjab. Our facility is built for those who take their strength seriously.", "Find us easily or get directions directly to our doors."]}
|
||
buttons={[
|
||
{
|
||
text: "Get Directions", href: "https://maps.google.com"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "rotated-rays-animated"}}
|
||
tag="JOIN THE PRIDE"
|
||
title="Ready to be forged?"
|
||
description="Enter your email to secure your spot at LionGym Pathankot today."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/metallic-lion-studio_23-2150852531.jpg?_wi=2"
|
||
logoText="LionGym"
|
||
columns={[
|
||
{
|
||
title: "Links", items: [
|
||
{
|
||
label: "About", href: "#"},
|
||
{
|
||
label: "Memberships", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Info", items: [
|
||
{
|
||
label: "Pathankot", href: "#"},
|
||
{
|
||
label: "Policy", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|