Merge version_2 into main #4
136
src/app/page.tsx
136
src/app/page.tsx
@@ -2,13 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { CreditCard, Users, Star, Info } from "lucide-react";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,33 +29,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Stats", id: "stats"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Performance", id: "stats" },
|
||||
{ name: "Facilities", id: "features" },
|
||||
{ name: "Membership", id: "pricing" },
|
||||
{ name: "Stories", id: "testimonials" },
|
||||
]}
|
||||
brandName="IronCore Gym"
|
||||
button={{
|
||||
text: "Join Now", href: "#pricing"}}
|
||||
button={{ text: "Join Now", href: "#pricing" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogo
|
||||
logoText="IronCore Gym"
|
||||
description="Transform your life with world-class facilities and expert training. Push your limits and achieve your goals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now", href: "#pricing"},
|
||||
]}
|
||||
description="Transform your life with world-class facilities and expert training. Push your limits and achieve your goals with our industry-leading equipment and community support."
|
||||
buttons={[{ text: "Explore Plans", href: "#pricing" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhvhwnyomwonRxUDo2w3KKu25/a-wide-angle-shot-of-a-modern-sleek-gym--1774702778453-d6a989fb.png"
|
||||
imageAlt="Professional gym workout space"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,21 +57,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "12k+", title: "Happy Members", items: [
|
||||
"Active users", "Strong community"],
|
||||
},
|
||||
{
|
||||
id: "m2", value: "50+", title: "Expert Coaches", items: [
|
||||
"Certified pros", "Personal training"],
|
||||
},
|
||||
{
|
||||
id: "m3", value: "24/7", title: "Accessibility", items: [
|
||||
"Always open", "Top security"],
|
||||
},
|
||||
{ id: "m1", value: "12k+", title: "Active Members", items: ["24/7 Access", "Community driven"] },
|
||||
{ id: "m2", value: "50+", title: "Certified Coaches", items: ["Pro guidance", "Custom plans"] },
|
||||
{ id: "m3", value: "98%", title: "Member Satisfaction", items: ["Consistent results", "Modern recovery"] },
|
||||
]}
|
||||
title="Gym Performance"
|
||||
description="Evidence-based results for every member."
|
||||
title="Gym Excellence"
|
||||
description="Proven results for athletes of all levels."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -89,91 +73,53 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Advanced Equipment", description: "State of the art machines for all muscle groups.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhvhwnyomwonRxUDo2w3KKu25/a-close-up-photo-of-high-quality-gym-equ-1774702777934-879f54be.png"},
|
||||
{
|
||||
id: "f2", title: "Group Classes", description: "High-intensity training led by professional instructors.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhvhwnyomwonRxUDo2w3KKu25/diverse-group-of-people-doing-a-fitness--1774702780892-d9fe01f6.png"},
|
||||
{
|
||||
id: "f3", title: "Recovery Zone", description: "Sauna, massage, and mobility tools for optimal recovery.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhvhwnyomwonRxUDo2w3KKu25/luxury-gym-sauna-and-recovery-zone-minim-1774702777747-df538129.png"},
|
||||
{ id: "f1", title: "Elite Gear", description: "Latest-gen strength training equipment from premium global brands.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhvhwnyomwonRxUDo2w3KKu25/a-close-up-photo-of-high-quality-gym-equ-1774702777934-879f54be.png" },
|
||||
{ id: "f2", title: "Group Synergy", description: "High-intensity classes curated for endurance, mobility, and strength.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhvhwnyomwonRxUDo2w3KKu25/diverse-group-of-people-doing-a-fitness--1774702780892-d9fe01f6.png" },
|
||||
{ id: "f3", title: "Recovery Haven", description: "Advanced cryotherapy, sauna, and massage therapy to recharge your body.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhvhwnyomwonRxUDo2w3KKu25/luxury-gym-sauna-and-recovery-zone-minim-1774702777747-df538129.png" },
|
||||
]}
|
||||
title="Training Advantages"
|
||||
description="Why choose IronCore?"
|
||||
title="Facilities Overview"
|
||||
description="Designed to optimize performance and wellness."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Choose Your Path"
|
||||
description="Flexible, transparent payment options with no hidden fees. We accept major credit cards, Apple Pay, and Google Pay."
|
||||
plans={[
|
||||
{
|
||||
id: "p1", badge: "Base", price: "$29/mo", subtitle: "Essential access", features: [
|
||||
"Gym floor access", "Locker room"],
|
||||
},
|
||||
{
|
||||
id: "p2", badge: "Pro", price: "$59/mo", subtitle: "All-access pass", features: [
|
||||
"Class access", "Guest pass", "Recovery zone"],
|
||||
},
|
||||
{
|
||||
id: "p3", badge: "Elite", price: "$99/mo", subtitle: "VIP experience", features: [
|
||||
"1-on-1 PT session", "Personal locker", "Priority support"],
|
||||
},
|
||||
{ id: "p1", title: "Essential", price: "$29", period: "/mo", features: ["Access gym floor", "WiFi included", "Card payments accepted"], button: { text: "Select", href: "#" } },
|
||||
{ id: "p2", title: "Premium", price: "$59", period: "/mo", features: ["All Essential benefits", "Unlimited Classes", "Apple/Google Pay accepted"], button: { text: "Select", href: "#" } },
|
||||
{ id: "p3", title: "VIP Elite", price: "$99", period: "/mo", features: ["All Premium benefits", "1-on-1 PT Sessions", "Personalized nutrition tracker"], button: { text: "Select", href: "#" } },
|
||||
]}
|
||||
title="Membership Plans"
|
||||
description="Flexible plans tailored to your lifestyle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Member Journeys"
|
||||
description="Discover the transformations and success stories of our community members."
|
||||
kpiItems={[{ label: "Weight Lost", value: "500kg+" }, { label: "Members Trained", value: "12k+" }, { label: "Sessions Held", value: "45k+" }]}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Alex R.", role: "Pro Athlete", company: "IronCore", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhvhwnyomwonRxUDo2w3KKu25/portrait-of-a-fit-person-at-the-gym-1774702779245-4057bd35.png?_wi=1"},
|
||||
{
|
||||
id: "t2", name: "Sarah M.", role: "Fitness Lover", company: "IronCore", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhvhwnyomwonRxUDo2w3KKu25/portrait-of-a-fit-woman-at-the-gym-1774702779183-fcbcca3c.png"},
|
||||
{
|
||||
id: "t3", name: "John D.", role: "Beginner", company: "IronCore", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhvhwnyomwonRxUDo2w3KKu25/portrait-of-a-smiling-person-after-worko-1774702778528-6b7ea8b6.png"},
|
||||
{
|
||||
id: "t4", name: "Elena K.", role: "Yoga Pro", company: "IronCore", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhvhwnyomwonRxUDo2w3KKu25/portrait-of-a-focused-individual-working-1774702777824-2286c1b3.png"},
|
||||
{
|
||||
id: "t5", name: "Marcus W.", role: "Powerlifter", company: "IronCore", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhvhwnyomwonRxUDo2w3KKu25/portrait-of-a-fit-person-at-the-gym-1774702779245-4057bd35.png?_wi=2"},
|
||||
{ id: "t1", name: "Alex R.", role: "Athlete", company: "IronCore", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhvhwnyomwonRxUDo2w3KKu25/portrait-of-a-fit-person-at-the-gym-1774702779245-4057bd35.png?_wi=1" },
|
||||
{ id: "t2", name: "Sarah M.", role: "Fitness Enthusiast", company: "IronCore", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhvhwnyomwonRxUDo2w3KKu25/portrait-of-a-fit-woman-at-the-gym-1774702779183-fcbcca3c.png" },
|
||||
{ id: "t3", name: "John D.", role: "Beginner", company: "IronCore", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZhvhwnyomwonRxUDo2w3KKu25/portrait-of-a-smiling-person-after-worko-1774702778528-6b7ea8b6.png" }
|
||||
]}
|
||||
title="Member Success"
|
||||
description="Real stories from our community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Gym", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Payments", href: "#" }, { label: "Help", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 IronCore Gym. All rights reserved."
|
||||
copyrightText="© 2025 IronCore Gym. Built for Performance."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user