Merge version_1 into main #2
244
src/app/page.tsx
244
src/app/page.tsx
@@ -31,32 +31,15 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Instructors",
|
||||
id: "#instructors",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Instructors", id: "#instructors" },
|
||||
{ name: "Why Us", id: "#why-us" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="M. Abid Bhutta"
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Join Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -65,34 +48,16 @@ export default function LandingPage() {
|
||||
title="Master Your Potential"
|
||||
description="16+ years of excellence in martial arts training in Multan. Join the legacy of M. Abid Bhutta Martial Arts Academy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Join Now", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/thai-boxer-practicing-boxing_107420-65051.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/thai-boxer-practicing-boxing_107420-65051.jpg"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-boxer-practicing-boxing-fitness-studio_107420-65171.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/karate-player-doing-push-up_107420-65056.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/boxers-practicing-boxing-fitness-studio_107420-65124.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/boxers-practicing-boxing-fitness-studio_107420-65142.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-attractive-male-standing-with-crossed-arms-isolated-white-background_181624-45641.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-boxer-practicing-boxing-fitness-studio_107420-65171.jpg", alt: "Student 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/karate-player-doing-push-up_107420-65056.jpg", alt: "Student 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/boxers-practicing-boxing-fitness-studio_107420-65124.jpg", alt: "Student 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/boxers-practicing-boxing-fitness-studio_107420-65142.jpg", alt: "Student 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-shot-attractive-male-standing-with-crossed-arms-isolated-white-background_181624-45641.jpg", alt: "Student 5" }
|
||||
]}
|
||||
avatarText="Join our 5000+ strong community"
|
||||
/>
|
||||
@@ -118,27 +83,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "team-1",
|
||||
groupTitle: "Lead Instructors",
|
||||
members: [
|
||||
id: "team-1", groupTitle: "Lead Instructors", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Master Abid Bhutta",
|
||||
subtitle: "5th Dan Black Belt",
|
||||
detail: "16+ years of experience in elite combat and traditional techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-boxer-trainer-posing-while-sitting-down_23-2148426234.jpg?_wi=1",
|
||||
},
|
||||
id: "m1", title: "Master Abid Bhutta", subtitle: "5th Dan Black Belt", detail: "16+ years of experience in elite combat and traditional techniques.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-boxer-trainer-posing-while-sitting-down_23-2148426234.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Co-Master Instructor",
|
||||
subtitle: "5th Dan Black Belt",
|
||||
detail: "Dedicated specialist in form mastery and student development.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/karate-player-performing-karate-stance_107420-64925.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thai-boxer-practicing-boxing_107420-65051.jpg?_wi=2",
|
||||
imageAlt: "martial arts instructor portrait",
|
||||
},
|
||||
id: "m2", title: "Co-Master Instructor", subtitle: "5th Dan Black Belt", detail: "Dedicated specialist in form mastery and student development.", imageSrc: "http://img.b2bpic.net/free-photo/karate-player-performing-karate-stance_107420-64925.jpg"}
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Expert Masters"
|
||||
description="Led by two 5th Dan Black Belt masters."
|
||||
@@ -152,47 +103,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "5000+ Students",
|
||||
description: "A proven track record of successful training sessions.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
label: "Students",
|
||||
value: "5000+",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-grey-wall_114579-30626.jpg",
|
||||
imageAlt: "Young man posing on grey wall",
|
||||
title: "5000+ Students", description: "A proven track record of successful training sessions.", bentoComponent: "icon-info-cards", items: [{ icon: Users, label: "Students", value: "5000+" }]
|
||||
},
|
||||
{
|
||||
title: "Affordable Access",
|
||||
description: "Budget-friendly training with free programs available.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
label: "Free Trainings",
|
||||
value: "1000+",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thai-boxer-practicing-boxing_107420-65051.jpg?_wi=3",
|
||||
imageAlt: "Young man posing on grey wall",
|
||||
title: "Affordable Access", description: "Budget-friendly training with free programs available.", bentoComponent: "icon-info-cards", items: [{ icon: Award, label: "Free Trainings", value: "1000+" }]
|
||||
},
|
||||
{
|
||||
title: "Expert Masters",
|
||||
description: "Two 5th Dan experts to guide your journey.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Dan Rank",
|
||||
value: "5th Dan",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-boxer-trainer-posing-while-sitting-down_23-2148426234.jpg?_wi=2",
|
||||
imageAlt: "Young man posing on grey wall",
|
||||
},
|
||||
title: "Expert Masters", description: "Two 5th Dan experts to guide your journey.", bentoComponent: "icon-info-cards", items: [{ icon: Shield, label: "Dan Rank", value: "5th Dan" }]
|
||||
}
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Professional training made accessible to everyone."
|
||||
@@ -201,64 +119,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
brand: "Training",
|
||||
name: "Class Sessions",
|
||||
price: "Active",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-martial-arts-instructor-with-wooden-stick-practice-hall_23-2148845953.jpg",
|
||||
},
|
||||
id: "g1", brand: "Training", name: "Class Sessions", price: "Active", rating: 5,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/male-martial-arts-instructor-with-wooden-stick-practice-hall_23-2148845953.jpg"},
|
||||
{
|
||||
id: "g2",
|
||||
brand: "Gear",
|
||||
name: "Equipment",
|
||||
price: "Pro",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-with-protective-gear-practicing-taekwondo-gymnasium_23-2150207181.jpg",
|
||||
},
|
||||
id: "g2", brand: "Gear", name: "Equipment", price: "Pro", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/person-with-protective-gear-practicing-taekwondo-gymnasium_23-2150207181.jpg"},
|
||||
{
|
||||
id: "g3",
|
||||
brand: "Dojo",
|
||||
name: "Environment",
|
||||
price: "Clean",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-practicing-taekwondo_23-2150260451.jpg",
|
||||
},
|
||||
id: "g3", brand: "Dojo", name: "Environment", price: "Clean", rating: 5,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-practicing-taekwondo_23-2150260451.jpg"},
|
||||
{
|
||||
id: "g4",
|
||||
brand: "Action",
|
||||
name: "Technique",
|
||||
price: "Elite",
|
||||
rating: 5,
|
||||
reviewCount: "400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-doing-parkour-training-outdoors_23-2150510393.jpg",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
brand: "Mentoring",
|
||||
name: "Guidance",
|
||||
price: "Elite",
|
||||
rating: 5,
|
||||
reviewCount: "500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-martial-arts-instructor-female-trainee-practicing_23-2148845961.jpg",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
brand: "Detail",
|
||||
name: "Focus",
|
||||
price: "Standard",
|
||||
rating: 5,
|
||||
reviewCount: "100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clockwork_53876-17949.jpg",
|
||||
},
|
||||
id: "g4", brand: "Action", name: "Technique", price: "Elite", rating: 5,
|
||||
reviewCount: "400", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-doing-parkour-training-outdoors_23-2150510393.jpg"}
|
||||
]}
|
||||
title="Academy Gallery"
|
||||
description="Witness the dedication and discipline."
|
||||
@@ -270,21 +147,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Who can join?",
|
||||
content: "We train everyone regardless of age or fitness level.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is it affordable?",
|
||||
content: "Yes, we are highly budget-friendly and offer free training for underprivileged students.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located in Multan, Pakistan.",
|
||||
},
|
||||
{ id: "f1", title: "Who can join?", content: "We train everyone regardless of age or fitness level." },
|
||||
{ id: "f2", title: "Is it affordable?", content: "Yes, we are highly budget-friendly and offer free training for underprivileged students." },
|
||||
{ id: "f3", title: "Where are you located?", content: "We are located in Multan, Pakistan." }
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Everything you need to know."
|
||||
@@ -295,17 +160,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Start Your Martial Arts Journey"
|
||||
description="Ready to master your strength? Join our academy in Multan today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Instagram",
|
||||
href: "https://www.instagram.com/mohammadabidbhutta",
|
||||
},
|
||||
{ text: "Visit Instagram", href: "https://www.instagram.com/mohammadabidbhutta" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -316,31 +176,17 @@ export default function LandingPage() {
|
||||
logoText="M. Abid Bhutta Martial Arts"
|
||||
columns={[
|
||||
{
|
||||
title: "Academy",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Instructors",
|
||||
href: "#instructors",
|
||||
},
|
||||
],
|
||||
title: "Academy", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Instructors", href: "#instructors" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://www.instagram.com/mohammadabidbhutta",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://www.instagram.com/mohammadabidbhutta" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user