bender/a36287c4-a0e4-439d-987c-9236ab4d8616
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-11 08:17:09 +00:00
Conversation 0 Commits 2 Files Changed 2 +41 -62
2 changed files with 41 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/app/page.tsx
View File

@@ -20,7 +20,7 @@ export default function LandingPage() {
borderRadius="soft"
contentWidth="small"
sizing="largeSizeMediumTitles"
background="blurBottom"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
@@ -46,15 +46,15 @@ export default function LandingPage() {
description="Master elite basketball training techniques with our comprehensive guides, high-intensity workouts, and premium court facilities. Transform your athletic performance today."
tag="Professional Training"
tagIcon={Zap}
tagAnimation="entrance-slide"
background={{ variant: "blurBottom" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/dynamic-basketball-player-performing-an--1773216928799-9edd8486.png?_wi=1"
tagAnimation="none"
background={{ variant: "canvas-reveal" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/dynamic-basketball-player-performing-an--1773216928799-9edd8486.png"
imageAlt="Dynamic basketball player performing an explosive dunk in an indoor professional court. High energy"
buttons={[
{ text: "Start Training", href: "#training" },
{ text: "Explore Guides", href: "#guides" }
]}
buttonAnimation="entrance-slide"
buttonAnimation="none"
/>
</div>
@@ -63,10 +63,10 @@ export default function LandingPage() {
title="Training Programs"
description="Choose from our expertly designed training programs tailored to every skill level and athletic goal."
tag="Programs"
tagAnimation="entrance-slide"
tagAnimation="none"
features={[
{
title: "Skill Development", description: "Master shooting, dribbling, and ball handling with progressive skill drills designed by professional coaches.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/modern-basketball-training-facility-with-1773216928761-6b71324d.png?_wi=1", imageAlt: "Modern basketball training facility with professional coaching setup. Players engaging in skill dril", buttonIcon: ArrowRight,
title: "Skill Development", description: "Master shooting, dribbling, and ball handling with progressive skill drills designed by professional coaches.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/modern-basketball-training-facility-with-1773216928761-6b71324d.png", imageAlt: "Modern basketball training facility with professional coaching setup. Players engaging in skill dril", buttonIcon: ArrowRight,
buttonHref: "#programs"
},
{
@@ -78,13 +78,13 @@ export default function LandingPage() {
buttonHref: "#programs"
},
{
title: "Game Strategy", description: "Understand court positioning, play execution, and tactical awareness for championship-level play.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/modern-basketball-training-facility-with-1773216928761-6b71324d.png?_wi=2", imageAlt: "Basketball strategy coaching", buttonIcon: ArrowRight,
title: "Game Strategy", description: "Understand court positioning, play execution, and tactical awareness for championship-level play.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/modern-basketball-training-facility-with-1773216928761-6b71324d.png", imageAlt: "Basketball strategy coaching", buttonIcon: ArrowRight,
buttonHref: "#programs"
}
]}
textboxLayout="default"
useInvertedBackground={false}
buttonAnimation="entrance-slide"
buttonAnimation="none"
/>
</div>
@@ -94,11 +94,11 @@ export default function LandingPage() {
description="Access our library of detailed training guides, video tutorials, and expert coaching tips. Learn from professionals who've trained elite athletes. Every guide is designed to accelerate your learning and maximize your training results."
tag="Expert Knowledge"
tagIcon={BookOpen}
tagAnimation="entrance-slide"
tagAnimation="none"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/basketball-strategy-board-with-tactical--1773216929262-b27f070b.png"
imageAlt="Basketball strategy board with tactical diagrams and play formations. Coach showing offensive and de"
buttons={[{ text: "Browse Guides", href: "#guides" }]}
buttonAnimation="entrance-slide"
buttonAnimation="none"
useInvertedBackground={false}
/>
</div>
@@ -109,26 +109,26 @@ export default function LandingPage() {
description="Select from scientifically designed workout routines tailored to your fitness level and basketball goals."
tag="Performance"
tagIcon={Flame}
tagAnimation="entrance-slide"
tagAnimation="none"
products={[
{
id: "1", brand: "EliteHoops", name: "Beginner Fundamentals", price: "$29.99/mo", rating: 5,
reviewCount: "2.4k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/complete-basketball-workout-plan-visuali-1773216928783-e3060041.png?_wi=1", imageAlt: "Complete basketball workout plan visualization. Timer, weights, basketballs, and training equipment"
reviewCount: "2.4k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/complete-basketball-workout-plan-visuali-1773216928783-e3060041.png", imageAlt: "Complete basketball workout plan visualization. Timer, weights, basketballs, and training equipment"
},
{
id: "2", brand: "EliteHoops", name: "Intermediate Performance", price: "$49.99/mo", rating: 5,
reviewCount: "3.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/complete-basketball-workout-plan-visuali-1773216928783-e3060041.png?_wi=2", imageAlt: "Intermediate basketball workout plan"
reviewCount: "3.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/complete-basketball-workout-plan-visuali-1773216928783-e3060041.png", imageAlt: "Intermediate basketball workout plan"
},
{
id: "3", brand: "EliteHoops", name: "Advanced Elite Training", price: "$79.99/mo", rating: 5,
reviewCount: "5.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/complete-basketball-workout-plan-visuali-1773216928783-e3060041.png?_wi=3", imageAlt: "Advanced basketball workout plan"
reviewCount: "5.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/complete-basketball-workout-plan-visuali-1773216928783-e3060041.png", imageAlt: "Advanced basketball workout plan"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttonAnimation="entrance-slide"
buttonAnimation="none"
/>
</div>
@@ -138,10 +138,10 @@ export default function LandingPage() {
description="Unlock access to elite training facilities with state-of-the-art equipment, professional coaching, and exclusive community benefits."
tag="Premium"
tagIcon={Crown}
tagAnimation="entrance-slide"
tagAnimation="none"
plans={[
{
id: "premium-basic", title: "Court Access", price: "$99", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/luxurious-professional-basketball-court--1773216929223-aa4dec5a.png?_wi=1", imageAlt: "Luxurious professional basketball court with premium finishes. State-of-the-art facility featuring g", button: { text: "Start Now", href: "#contact" },
id: "premium-basic", title: "Court Access", price: "$99", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/luxurious-professional-basketball-court--1773216929223-aa4dec5a.png", imageAlt: "Luxurious professional basketball court with premium finishes. State-of-the-art facility featuring g", button: { text: "Start Now", href: "#contact" },
features: [
"Access to premium court facilities", "Open gym hours and practice sessions", "Basic equipment and facilities", "Community access"
]
@@ -153,7 +153,7 @@ export default function LandingPage() {
]
},
{
id: "premium-elite", title: "Elite Membership", price: "$299", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/luxurious-professional-basketball-court--1773216929223-aa4dec5a.png?_wi=2", imageAlt: "Elite basketball facility premium experience", button: { text: "Become Elite", href: "#contact" },
id: "premium-elite", title: "Elite Membership", price: "$299", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/luxurious-professional-basketball-court--1773216929223-aa4dec5a.png", imageAlt: "Elite basketball facility premium experience", button: { text: "Become Elite", href: "#contact" },
features: [
"All Pro Training benefits", "Unlimited coaching sessions", "VIP court access and private sessions", "Personalized nutrition and recovery plans", "Tournament preparation support", "Exclusive elite athlete community"
]
@@ -162,7 +162,7 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttonAnimation="entrance-slide"
buttonAnimation="none"
/>
</div>
@@ -172,7 +172,7 @@ export default function LandingPage() {
description="Join thousands of basketball players who've transformed their game with our training programs."
tag="Success Stories"
tagIcon={Star}
tagAnimation="entrance-slide"
tagAnimation="none"
testimonials={[
{
id: "1", name: "Marcus Johnson", handle: "College Team Captain", testimonial: "EliteHoops transformed my game completely. The training programs are scientifically designed and the coaching is world-class. I improved my vertical jump by 8 inches in 3 months!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/professional-portrait-of-a-confident-bas-1773216927682-e2e1f562.png", imageAlt: "Professional portrait of a confident basketball player in team uniform. Clear facial expression show"
@@ -196,7 +196,7 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttonAnimation="entrance-slide"
buttonAnimation="none"
speed={40}
/>
</div>
@@ -205,14 +205,14 @@ export default function LandingPage() {
<ContactSplit
tag="Ready to Transform?"
tagIcon={Rocket}
tagAnimation="entrance-slide"
tagAnimation="none"
title="Join EliteHoops Today"
description="Start your journey to basketball excellence. Join our community of dedicated athletes and get access to elite training programs, expert coaching, and premium facilities."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/dynamic-basketball-player-performing-an--1773216928799-9edd8486.png?_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlClJKIrxWiBhoJNOZ6SlkcdQg/dynamic-basketball-player-performing-an--1773216928799-9edd8486.png"
imageAlt="Basketball excellence awaits"
mediaAnimation="entrance-slide"
mediaAnimation="none"
inputPlaceholder="your@email.com"
buttonText="Get Started"
termsText="Join our community and receive exclusive training tips and program updates. We respect your privacy."

53
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,30 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '' }) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 300 100"
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="central"
fontSize="48"
fontWeight="bold"
fill="currentColor"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;