Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 79e38cd311 | |||
| 7e981cb8ad | |||
| e0969b5e6a | |||
| 9bebc589fc | |||
| ecb039846b | |||
| 11f3259d74 | |||
| 25e456e0bb |
167
src/app/page.tsx
167
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Hub",
|
name: "Hub", id: "/"},
|
||||||
id: "/",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Find a Gym",
|
name: "Find a Gym", id: "/find"},
|
||||||
id: "/find",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Classes",
|
name: "Classes", id: "/training"},
|
||||||
id: "/training",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Offers",
|
name: "Offers", id: "/news"},
|
||||||
id: "/news",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Shop",
|
name: "Shop", id: "/shop"},
|
||||||
id: "/shop",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="GYM HOUSE SBA"
|
brandName="GYM HOUSE SBA"
|
||||||
/>
|
/>
|
||||||
@@ -56,47 +46,26 @@ export default function LandingPage() {
|
|||||||
<div id="home-hero" data-section="home-hero">
|
<div id="home-hero" data-section="home-hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-animated-grid",
|
variant: "rotated-rays-animated-grid"}}
|
||||||
}}
|
|
||||||
title="The Standard of Fitness in SBA."
|
title="The Standard of Fitness in SBA."
|
||||||
description="Welcome to the unified 7-branch GYM HOUSE SBA network. High-energy, elite, futuristic training."
|
description="Welcome to the unified 7-branch GYM HOUSE SBA network. High-energy, elite, futuristic training."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Free Pass",
|
text: "Get Free Pass", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
carouselItems={[
|
carouselItems={[
|
||||||
{
|
{
|
||||||
id: "c1",
|
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=1", imageAlt: "House 06 Tunnel"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=1",
|
|
||||||
imageAlt: "House 06 Tunnel",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c2",
|
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=2", imageAlt: "Facility Tour"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=2",
|
|
||||||
imageAlt: "Facility Tour",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c3",
|
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=3", imageAlt: "Training Tech"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=3",
|
|
||||||
imageAlt: "Training Tech",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c4",
|
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=4", imageAlt: "Elite Coaches"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=4",
|
|
||||||
imageAlt: "Elite Coaches",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c5",
|
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=5", imageAlt: "Community"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=5",
|
|
||||||
imageAlt: "Community",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "c6",
|
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=6", imageAlt: "Transformation"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=6",
|
|
||||||
imageAlt: "Transformation",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -106,12 +75,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"House 01 Wiam",
|
"House 01 Wiam", "House 03 Ibn Zaydoun", "House 06 Tunnel", "House 07 Labremer", "House 02 Al-Wafaa"]}
|
||||||
"House 03 Ibn Zaydoun",
|
|
||||||
"House 06 Tunnel",
|
|
||||||
"House 07 Labremer",
|
|
||||||
"House 02 Al-Wafaa",
|
|
||||||
]}
|
|
||||||
title="The Unified Standard"
|
title="The Unified Standard"
|
||||||
description="Rated 4.8/5 across the network. Home away from home."
|
description="Rated 4.8/5 across the network. Home away from home."
|
||||||
/>
|
/>
|
||||||
@@ -121,26 +85,13 @@ export default function LandingPage() {
|
|||||||
<PricingCardFive
|
<PricingCardFive
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "all-access",
|
id: "all-access", tag: "Recommended", price: "3500 DA", period: "/ month", description: "Total network access", button: {
|
||||||
tag: "Recommended",
|
text: "Join Now", href: "#contact"},
|
||||||
price: "3500 DA",
|
featuresTitle: "Included Access:", features: [
|
||||||
period: "/ month",
|
"All 7 Branches", "All Classes", "Gym Floor Access", "Swimming Pool", "Nutrition Plans"],
|
||||||
description: "Total network access",
|
|
||||||
button: {
|
|
||||||
text: "Join Now",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
featuresTitle: "Included Access:",
|
|
||||||
features: [
|
|
||||||
"All 7 Branches",
|
|
||||||
"All Classes",
|
|
||||||
"Gym Floor Access",
|
|
||||||
"Swimming Pool",
|
|
||||||
"Nutrition Plans",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="All-Access Membership"
|
title="All-Access Membership"
|
||||||
@@ -152,67 +103,39 @@ export default function LandingPage() {
|
|||||||
<TestimonialCardThirteen
|
<TestimonialCardThirteen
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
title="Member Success Stories"
|
title="Member Success Stories"
|
||||||
description="Join the elite community of SBA."
|
description="Join the elite community of SBA."
|
||||||
showRating={true}
|
showRating={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Ahmed", handle: "@ahmedgym", testimonial: "Best gym in the city!", rating: 5,
|
||||||
name: "Ahmed",
|
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=7"},
|
||||||
handle: "@ahmedgym",
|
|
||||||
testimonial: "Best gym in the city!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699560.jpg?_wi=7",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Sarah", handle: "@sarahfit", testimonial: "The swimming pool is top notch.", rating: 5,
|
||||||
name: "Sarah",
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000362.jpg?_wi=1"},
|
||||||
handle: "@sarahfit",
|
|
||||||
testimonial: "The swimming pool is top notch.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000362.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Karim", handle: "@k_gym", testimonial: "Professional boxing coaches.", rating: 5,
|
||||||
name: "Karim",
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-coach-helping-kids_23-2150363729.jpg?_wi=1"},
|
||||||
handle: "@k_gym",
|
|
||||||
testimonial: "Professional boxing coaches.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-coach-helping-kids_23-2150363729.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Mina", handle: "@minapower", testimonial: "Great community and vibes.", rating: 4,
|
||||||
name: "Mina",
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197730.jpg?_wi=1"},
|
||||||
handle: "@minapower",
|
|
||||||
testimonial: "Great community and vibes.",
|
|
||||||
rating: 4,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197730.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Yassine", handle: "@yassine_train", testimonial: "Fantastic facilities.", rating: 5,
|
||||||
name: "Yassine",
|
imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-studio-near-gray-wall_158538-3601.jpg?_wi=1"},
|
||||||
handle: "@yassine_train",
|
|
||||||
testimonial: "Fantastic facilities.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-studio-near-gray-wall_158538-3601.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact-footer" data-section="contact-footer">
|
<div id="contact-footer" data-section="contact-footer">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
text="Call SBA HQ for immediate membership activation."
|
text="Call SBA HQ for immediate membership activation."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Call SBA HQ",
|
text: "Call SBA HQ", href: "tel:000000000"},
|
||||||
href: "tel:000000000",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -221,29 +144,19 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Network",
|
title: "Network", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Branches",
|
label: "Branches", href: "/find"},
|
||||||
href: "/find",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Classes",
|
label: "Classes", href: "/training"},
|
||||||
href: "/training",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Offers",
|
title: "Offers", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Promotions",
|
label: "Promotions", href: "/news"},
|
||||||
href: "/news",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Ramadan Hours",
|
label: "Ramadan Hours", href: "/news"},
|
||||||
href: "/news",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -254,4 +167,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #0a0a0a;
|
--background: #f5f5f5;
|
||||||
--card: #1a1a1a;
|
--card: #ffffff;
|
||||||
--foreground: #f5f5f5;
|
--foreground: #1c1c1c;
|
||||||
--primary-cta: #39FF14;
|
--primary-cta: #1c1c1c;
|
||||||
--primary-cta-text: #0a0a0a;
|
--primary-cta-text: #0a0a0a;
|
||||||
--secondary-cta: #1a1a1a;
|
--secondary-cta: #ffffff;
|
||||||
--secondary-cta-text: #f5f5f5;
|
--secondary-cta-text: #f5f5f5;
|
||||||
--accent: #39FF14;
|
--accent: #6139e6;
|
||||||
--background-accent: #2a2a2a;
|
--background-accent: #b3a8e8;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user