Merge version_1 into main #2
312
src/app/page.tsx
312
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Coach",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Join",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Coach", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Join", id: "contact" },
|
||||
]}
|
||||
brandName="HOC MMA"
|
||||
/>
|
||||
@@ -57,114 +42,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="WHERE MORTALS BECOME MASTERPIECES"
|
||||
description="Under Indian National Coach Shaik Khalid, we don't just teach techniques; we re-write your DNA. From the streets of Hyderabad to the Gold Medals of IMMAF, your legacy starts in the cage."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mma-female-fighters-professional-ring_654080-1305.jpg?_wi=1",
|
||||
imageAlt: "Hero fighter 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-4u0zybom.jpg?_wi=1",
|
||||
imageAlt: "Fighter 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-ss7znsop.png?_wi=1",
|
||||
imageAlt: "Fighter 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mma-female-fighters-professional-ring_654080-1305.jpg?_wi=2",
|
||||
imageAlt: "Fighter 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-4u0zybom.jpg?_wi=2",
|
||||
imageAlt: "Fighter 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-ss7znsop.png?_wi=2",
|
||||
imageAlt: "Fighter 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mma-female-fighters-professional-ring_654080-1305.jpg", imageAlt: "Hero fighter 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-4u0zybom.jpg", imageAlt: "Fighter 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-ss7znsop.png", imageAlt: "Fighter 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mma-female-fighters-professional-ring_654080-1305.jpg", imageAlt: "Fighter 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-4u0zybom.jpg", imageAlt: "Fighter 5" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-ss7znsop.png", imageAlt: "Fighter 6" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-ss7znsop.png?_wi=3",
|
||||
imageAlt: "Fighter 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mma-female-fighters-professional-ring_654080-1305.jpg?_wi=3",
|
||||
imageAlt: "Fighter 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-4u0zybom.jpg?_wi=3",
|
||||
imageAlt: "Fighter 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-ss7znsop.png?_wi=4",
|
||||
imageAlt: "Fighter 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mma-female-fighters-professional-ring_654080-1305.jpg?_wi=4",
|
||||
imageAlt: "Fighter 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-4u0zybom.jpg?_wi=4",
|
||||
imageAlt: "Fighter 6",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "CLAIM YOUR CAGE",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-4u0zybom.jpg",
|
||||
alt: "Coach Khalid",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-ss7znsop.png",
|
||||
alt: "Athlete 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mma-female-fighters-professional-ring_654080-1305.jpg",
|
||||
alt: "Athlete 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thai-boxer-practicing-boxing_107420-65054.jpg",
|
||||
alt: "Athlete 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-boxer-training-alone-new-competition_23-2148416609.jpg",
|
||||
alt: "Athlete 4",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ Elite Fighters"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "IMMAF CERTIFIED",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "NATIONAL CHAMPIONS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ELITE STRIKING",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PRO MMA GYM",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "HYDERABAD BASED",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-ss7znsop.png", imageAlt: "Fighter 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mma-female-fighters-professional-ring_654080-1305.jpg", imageAlt: "Fighter 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-4u0zybom.jpg", imageAlt: "Fighter 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-ss7znsop.png", imageAlt: "Fighter 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mma-female-fighters-professional-ring_654080-1305.jpg", imageAlt: "Fighter 5" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-4u0zybom.jpg", imageAlt: "Fighter 6" },
|
||||
]}
|
||||
buttons={[{ text: "CLAIM YOUR CAGE", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -175,18 +72,9 @@ export default function LandingPage() {
|
||||
title="THE PEDIGREE"
|
||||
description="Coach Shaik Khalid brings unparalleled expertise to the House of Champions. With over 10 years of experience shaping national heroes, he is the architect of the next generation of combat athletes."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "National Prestige",
|
||||
description: "Training ground for IMMAF medalists.",
|
||||
},
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Mentorship from national level coaching.",
|
||||
},
|
||||
{
|
||||
title: "Elite Facilities",
|
||||
description: "State of the art training cage and gym.",
|
||||
},
|
||||
{ title: "National Prestige", description: "Training ground for IMMAF medalists." },
|
||||
{ title: "Expert Guidance", description: "Mentorship from national level coaching." },
|
||||
{ title: "Elite Facilities", description: "State of the art training cage and gym." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-male-martial-arts-instructor-training-with-female-trainee-practice-hall_23-2148845931.jpg"
|
||||
imageAlt="Coach Shaik Khalid"
|
||||
@@ -201,52 +89,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Boxing & Kickboxing",
|
||||
description: "Master the art of striking with precision.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thai-boxer-practicing-boxing_107420-65054.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Striking power",
|
||||
},
|
||||
],
|
||||
title: "Boxing & Kickboxing", description: "Master the art of striking with precision.", media: { imageSrc: "http://img.b2bpic.net/free-photo/thai-boxer-practicing-boxing_107420-65054.jpg", imageAlt: "Striking" },
|
||||
items: [{ icon: Zap, text: "Striking power" }],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-4u0zybom.jpg?_wi=5",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
title: "Grappling & Jujitsu",
|
||||
description: "Dominate on the ground with elite control.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-boxer-training-alone-new-competition_23-2148416609.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Ground defense",
|
||||
},
|
||||
],
|
||||
title: "Grappling & Jujitsu", description: "Dominate on the ground with elite control.", media: { imageSrc: "http://img.b2bpic.net/free-photo/female-boxer-training-alone-new-competition_23-2148416609.jpg", imageAlt: "Grappling" },
|
||||
items: [{ icon: Shield, text: "Ground defense" }],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtOwYhsa6hiLc6FPyxWDfmZybZ/uploaded-1775339410572-ss7znsop.png?_wi=5",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
title: "Body Conditioning",
|
||||
description: "Build an engine that never quits.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/determined-professional-boxer_1098-14119.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Cardio endurance",
|
||||
},
|
||||
],
|
||||
title: "Body Conditioning", description: "Build an engine that never quits.", media: { imageSrc: "http://img.b2bpic.net/free-photo/determined-professional-boxer_1098-14119.jpg", imageAlt: "Conditioning" },
|
||||
items: [{ icon: Award, text: "Cardio endurance" }],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mma-female-fighters-professional-ring_654080-1305.jpg?_wi=5",
|
||||
imageAlt: "mma fighter dark arena",
|
||||
},
|
||||
]}
|
||||
title="OUR DISCIPLINES"
|
||||
@@ -261,54 +116,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "monthly",
|
||||
badge: "Essential",
|
||||
price: "₹3,000",
|
||||
subtitle: "Monthly access",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full gym access",
|
||||
"Group classes",
|
||||
],
|
||||
id: "monthly", badge: "Essential", price: "₹3,000", subtitle: "Monthly access", buttons: [{ text: "Join Now", href: "#contact" }],
|
||||
features: ["Full gym access", "Group classes"],
|
||||
},
|
||||
{
|
||||
id: "quarterly",
|
||||
badge: "Popular",
|
||||
price: "₹7,000",
|
||||
subtitle: "3 Month package",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"All group classes",
|
||||
"Coach support",
|
||||
"Personal progress check",
|
||||
],
|
||||
id: "quarterly", badge: "Popular", price: "₹7,000", subtitle: "3 Month package", buttons: [{ text: "Join Now", href: "#contact" }],
|
||||
features: ["All group classes", "Coach support", "Personal progress check"],
|
||||
},
|
||||
{
|
||||
id: "yearly",
|
||||
badge: "Elite",
|
||||
price: "₹22,000",
|
||||
subtitle: "50% OFF Yearly",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited access",
|
||||
"Priority training slots",
|
||||
"Competition prep",
|
||||
],
|
||||
id: "yearly", badge: "Elite", price: "₹22,000", subtitle: "50% OFF Yearly", buttons: [{ text: "Join Now", href: "#contact" }],
|
||||
features: ["Unlimited access", "Priority training slots", "Competition prep"],
|
||||
},
|
||||
]}
|
||||
title="CHAMPIONSHIP PLANS"
|
||||
@@ -322,41 +139,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mahboob Khan",
|
||||
handle: "@mahboobkhan",
|
||||
testimonial: "From taxi driver to World Champion. The House makes the impossible, inevitable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-brutal-male-casual-clothes-dark-background_613910-16055.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Rajesh Kumar",
|
||||
handle: "@rajeshk",
|
||||
testimonial: "The best training facility in India. Coach Khalid is a visionary.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-firefighter-using-radio-station-inside-fire-truck_23-2149206446.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sneha Reddy",
|
||||
handle: "@snehar",
|
||||
testimonial: "Empowering environment. I feel stronger every single day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brutal-bearded-fighter-dark-grey-background_613910-10119.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Amit Singh",
|
||||
handle: "@amits",
|
||||
testimonial: "Disciplined training that prepares you for actual combat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-female-boxer-performing-boxing-stance_107420-64984.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Vikram Dev",
|
||||
handle: "@vikramd",
|
||||
testimonial: "Real combat training for real results. House of Champions changed my life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-concentrated-handsome-young-strong-afroamerican-boxer-posing_171337-9194.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Mahboob Khan", handle: "@mahboobkhan", testimonial: "The House makes the impossible, inevitable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-brutal-male-casual-clothes-dark-background_613910-16055.jpg" },
|
||||
{ id: "t2", name: "Rajesh Kumar", handle: "@rajeshk", testimonial: "Coach Khalid is a visionary.", imageSrc: "http://img.b2bpic.net/free-photo/male-firefighter-using-radio-station-inside-fire-truck_23-2149206446.jpg" },
|
||||
{ id: "t3", name: "Sneha Reddy", handle: "@snehar", testimonial: "I feel stronger every single day.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brutal-bearded-fighter-dark-grey-background_613910-10119.jpg" },
|
||||
{ id: "t4", name: "Amit Singh", handle: "@amits", testimonial: "Disciplined training that prepares you for actual combat.", imageSrc: "http://img.b2bpic.net/free-photo/confident-female-boxer-performing-boxing-stance_107420-64984.jpg" },
|
||||
{ id: "t5", name: "Vikram Dev", handle: "@vikramd", testimonial: "House of Champions changed my life.", imageSrc: "http://img.b2bpic.net/free-photo/photo-concentrated-handsome-young-strong-afroamerican-boxer-posing_171337-9194.jpg" },
|
||||
]}
|
||||
title="SUCCESS STORIES"
|
||||
description="Hear from those who stepped into the cage."
|
||||
@@ -366,30 +153,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="READY TO REWRITE YOUR DNA? CONTACT US TODAY."
|
||||
buttons={[
|
||||
{
|
||||
text: "WHATSAPP US",
|
||||
href: "https://wa.me/919700751644",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "WHATSAPP US", href: "https://wa.me/919700751644" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="HOC MMA"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user