206 lines
11 KiB
TypeScript
206 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Zap, Heart, Dumbbell, Users, Trophy, Handshake, Star, MessageCircle, Rocket, CheckCircle, MapPin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Youth Center"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Join", id: "contact" },
|
|
{ name: "Location", id: "location" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Train Strong at Youth Center Sport Field"
|
|
description="Experience world-class fitness in the heart of Addis Ababa. Join our vibrant community and transform your body and mind."
|
|
tag="Transform Your Life"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Join the Gym", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-burpees-together-full-shot_23-2149517285.jpg?_wi=1", imageAlt: "Athletes training at Youth Center"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/collection-dumbbells-workout-with-weights-healthy-concept_1150-4733.jpg?_wi=1", imageAlt: "Professional gym equipment"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-fitness-gym_53876-7.jpg?_wi=1", imageAlt: "Modern fitness facility"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-burpees-together-full-shot_23-2149517285.jpg?_wi=2", imageAlt: "Community training session"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-fitness-gym_53876-7.jpg?_wi=2", imageAlt: "Group fitness classes"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/collection-dumbbells-workout-with-weights-healthy-concept_1150-4733.jpg?_wi=2", imageAlt: "Strength training area"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-burpees-together-full-shot_23-2149517285.jpg?_wi=3", imageAlt: "Professional coaching"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-fitness-gym_53876-7.jpg?_wi=3", imageAlt: "Outdoor sports field"},
|
|
]}
|
|
carouselPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="About Us"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
title="Youth Center Sport Field: Where Excellence Meets Community"
|
|
description="Located on Comoros Street, in front of the British Embassy in Addis Ababa"
|
|
subdescription="Dedicated to youth development and fitness culture"
|
|
icon={Dumbbell}
|
|
imageSrc="http://img.b2bpic.net/free-photo/collection-dumbbells-workout-with-weights-healthy-concept_1150-4733.jpg?_wi=3"
|
|
imageAlt="Youth Center Sport Field facility"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBorderGlow
|
|
features={[
|
|
{
|
|
icon: Zap,
|
|
title: "Professional Training Environment", description: "State-of-the-art equipment and facilities designed for optimal performance and safety"},
|
|
{
|
|
icon: Users,
|
|
title: "Youth Fitness Programs", description: "Specialized programs for developing strength, endurance, and athletic excellence in young athletes"},
|
|
{
|
|
icon: Trophy,
|
|
title: "Outdoor Sports Field", description: "Premium outdoor facility for track, field, and sport-specific training and development"},
|
|
{
|
|
icon: Handshake,
|
|
title: "Community Atmosphere", description: "Join a supportive community of fitness enthusiasts united by shared goals and values"},
|
|
]}
|
|
animationType="slide-up"
|
|
title="Why Choose Youth Center Sport Field"
|
|
description="Experience premium fitness facilities designed for every goal and fitness level"
|
|
tag="Key Benefits"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Abebe Tekle", handle: "@AthleteAbebe", testimonial: "Youth Center has completely transformed my fitness journey. The professional coaching and state-of-the-art equipment are unmatched in Addis Ababa.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-curly-dark-skinned-man-white-long-sleeved-t-shirt-smiles-sincerely-rests-near-sea_197531-23689.jpg", imageAlt: "Abebe Tekle"},
|
|
{
|
|
id: "2", name: "Marta Yohannes", handle: "@MartaFitness", testimonial: "The community here is incredible. Everyone is supportive and motivated. I've achieved goals I never thought possible.", imageSrc: "http://img.b2bpic.net/free-photo/sport-fitness-endurance-concept-gorgeous-young-fitness-insctructor-sportswoman-activewear-with-long-blond-hair-sit-medicine-ball-near-wooden-gym-wall-turn-aside-rest-before-workout_197531-30433.jpg", imageAlt: "Marta Yohannes"},
|
|
{
|
|
id: "3", name: "Desalegn Mekonnen", handle: "@Desalegn_Fit", testimonial: "Best gym facility in the city. The outdoor sports field and professional environment make it worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-fit-man-working-out-indoors-with-dumbbells_23-2149175334.jpg", imageAlt: "Desalegn Mekonnen"},
|
|
{
|
|
id: "4", name: "Selamawit Alemu", handle: "@SelamFitnessJourney", testimonial: "The trainers here understand my goals and push me to be better every single day. Highly recommend Youth Center!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-diversity-sport-woman-training_23-2149174802.jpg", imageAlt: "Selamawit Alemu"},
|
|
{
|
|
id: "5", name: "Yohannes Kebede", handle: "@YohannesTone", testimonial: "Perfect location, amazing facilities, and the community spirit is what makes Youth Center special. This is my second home.", imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-red-headband-looking-confident-smiling-with-arms-crossed-standing-orange-wall_141793-55561.jpg", imageAlt: "Yohannes Kebede"},
|
|
{
|
|
id: "6", name: "Alemayehu Assefa", handle: "@AlemayehuStrong", testimonial: "Joining Youth Center was the best decision for my fitness. The professional atmosphere motivates me every day.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-cool-confident-young-afro-american-20-year-old-man-wearing-white-sleeveless-t-shirt-posing-isolated-handsome-serious-dark-skinned-guy-with-muscular-shoulders-resting-indoors_343059-403.jpg", imageAlt: "Alemayehu Assefa"},
|
|
]}
|
|
animationType="slide-up"
|
|
title="What Our Members Say"
|
|
description="Hear from athletes and fitness enthusiasts who have transformed their lives at Youth Center"
|
|
tag="Testimonials"
|
|
tagIcon={MessageCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Transform"
|
|
tagIcon={Rocket}
|
|
tagAnimation="slide-up"
|
|
title="Join Youth Center Sport Field Today"
|
|
description="Take the first step towards your fitness goals. Register now and become part of our thriving fitness community in Addis Ababa."
|
|
buttons={[
|
|
{ text: "Register Now", href: "#registration" },
|
|
{ text: "Learn More", href: "#features" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="registration" data-section="registration">
|
|
<ContactCTA
|
|
tag="Join Our Gym"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
title="Registration Form"
|
|
description="Fill out the form below to join Youth Center Sport Field. We'll contact you soon to confirm your membership."
|
|
buttons={[
|
|
{ text: "Submit Registration", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<ContactCTA
|
|
tag="Find Us"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
title="Visit Us at Youth Center Sport Field"
|
|
description="Located on Comoros Street, in front of the British Embassy, Addis Ababa. Use the map below to get directions."
|
|
buttons={[
|
|
{ text: "Get Directions", href: "https://maps.app.goo.gl/AJy3TR4HUTewp5Vo8" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Youth Center"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Contact Us", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|