bender/e09631de-fe86-46a7-861f-05fc256cfa72
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #3

Merged
bender merged 4 commits from version_1 into main 2026-03-11 06:41:22 +00:00
Conversation 0 Commits 4 Files Changed 4 +125 -247
4 changed files with 125 additions and 247 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
src/app/about/page.tsx
View File

@@ -3,11 +3,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import TeamCardFive from "@/components/sections/team/TeamCardFive";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import FooterBase from "@/components/sections/footer/FooterBase";
import Link from "next/link";
import { Sparkles } from "lucide-react";
export default function AboutPage() {
const navItems = [
@@ -21,8 +20,7 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Explore",
items: [
title: "Explore", items: [
{ label: "Home", href: "/" },
{ label: "Trainers", href: "/trainers" },
{ label: "Membership", href: "/membership" },
@@ -30,8 +28,7 @@ export default function AboutPage() {
],
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Story", href: "/about" },
{ label: "Contact", href: "/contact" },
@@ -39,8 +36,7 @@ export default function AboutPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Email", href: "mailto:info@dragonsden.gym" },
@@ -67,9 +63,7 @@ export default function AboutPage() {
brandName="Dragon's Den"
navItems={navItems}
button={{
text: "Start Your Journey",
href: "/membership",
}}
text: "Start Your Journey", href: "/membership"}}
/>
</div>
@@ -82,80 +76,47 @@ export default function AboutPage() {
{ value: "24/7", title: "Access to Your Sanctuary" },
{ value: "100%", title: "Member-Focused Environment" },
]}
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-caucasian-woman-bikini-blue-swimming-pool-vacation-coudy-day-natural-light_343596-2303.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-caucasian-woman-bikini-blue-swimming-pool-vacation-coudy-day-natural-light_343596-2303.jpg"
imageAlt="Sauna and cold plunge recovery experience"
mediaAnimation="opacity"
metricsAnimation="opacity"
useInvertedBackground={false}
/>
</div>
<div id="trainer-spotlight" data-section="trainer-spotlight">
<TeamCardFive
title="Meet Your Coaches"
description="Real trainers. Real expertise. Real commitment to your transformation."
tag="The Dragon's Den Team"
textboxLayout="default"
animationType="slide-up"
team={[
<div id="recovery-core" data-section="recovery-core">
<MetricCardFourteen
title="Recovery Isn't Optional. It's Essential."
tag="The Dragon's Den Difference"
tagAnimation="slide-up"
metrics={[
{
id: "1",
name: "Marcus Stone",
role: "Head Coach & Founder",
imageSrc: "http://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-58843.jpg?_wi=3",
},
id: "sauna", value: "Heat Therapy", description: "Infrared sauna sessions for muscle recovery, detoxification, mental clarity, and the ritual of deep rest. Recovery is where transformation happens."},
{
id: "2",
name: "Sarah Chen",
role: "Strength & Conditioning Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/serious-sportswoman-posing-outdoors_23-2147600761.jpg?_wi=3",
},
{
id: "3",
name: "James Rivera",
role: "Functional Movement Coach",
imageSrc: "http://img.b2bpic.net/free-photo/nice-musculature-man-portrait-fitness-athlete-handsome-man-posing-outdoor-with-crossed-arms_343629-35.jpg?_wi=3",
},
{
id: "4",
name: "Maya Patel",
role: "Recovery & Mobility Expert",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=3",
},
id: "coldplunge", value: "Cold Immersion", description: "Cold plunge therapy to enhance resilience, reduce inflammation, boost cardiovascular health, and activate your nervous system's adaptation response."},
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="why-dragons-den" data-section="why-dragons-den">
<FeatureCardTwentyThree
title="Why Dragon's Den Is Different"
description="This isn't a gym that treats members as transactions. We're a destination built on resilience, openness, and the belief that strength is both physical and spiritual."
features={[
<div id="about-testimonials" data-section="about-testimonials">
<TestimonialCardTwo
testimonials={[
{
id: "community",
title: "A Real Community",
tags: ["Welcoming Culture", "No Ego Allowed"],
imageSrc: "http://img.b2bpic.net/free-photo/volleyball-players-having-match_23-2149492355.jpg",
imageAlt: "Members supporting each other",
},
id: "1", name: "David Martinez", role: "Working Professional, Age 38", testimonial: "I came to Dragon's Den intimidated by big gyms. Marcus met me where I was and built a program that fit my life. The 24/7 access changed everything. Recovery sessions in the sauna cleared my head after brutal work weeks.", imageSrc: "http://img.b2bpic.net/free-photo/emotional-young-male-with-blue-shirt-standing-gate-with-slight-smile-his-face_181624-33508.jpg", imageAlt: "David Martinez"},
{
id: "discipline",
title: "Discipline Without Pretense",
tags: ["Honest Coaching", "Respect for Process"],
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-training-gym_23-2149734731.jpg",
imageAlt: "Focused training moment",
},
id: "2", name: "Elena Russo", role: "Software Engineer, Age 32", testimonial: "This place is fierce but welcoming. The cold plunge became my ritual. I'm stronger than ever, and the mental clarity I get from the recovery practices is invaluable.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg", imageAlt: "Elena Russo"},
{
id: "recovery",
title: "Recovery as Ritual",
tags: ["Sauna & Plunge", "Mental Clarity"],
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-sauna-warm-light-wellness-mood-sauna-pause_169016-69224.jpg?_wi=2",
imageAlt: "Recovery ritual experience",
},
id: "3", name: "James Oh", role: "Entrepreneur, Age 45", testimonial: "Dragon's Den feels like a sanctuary. Real trainers who care about your form and your story. The community doesn't judge—it lifts you up.", imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", imageAlt: "James Oh"},
]}
title="Why Members Choose Dragon's Den"
description="Hear directly from members who've experienced their transformation at the Den."
tag="Member Stories"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>

7
src/app/contact/page.tsx
View File

@@ -79,6 +79,7 @@ export default function ContactPage() {
imageSrc="http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32130.jpg"
imageAlt="Trainer ready to welcome you to Dragon's Den"
mediaAnimation="opacity"
metricsAnimation="opacity"
useInvertedBackground={false}
/>
</div>
@@ -103,11 +104,11 @@ export default function ContactPage() {
<TestimonialCardTwo
testimonials={[
{
id: "1", name: "David Martinez", role: "Working Professional, Age 38", testimonial: "I came to Dragon's Den intimidated by big gyms. Marcus met me where I was and built a program that fit my life. The 24/7 access changed everything. Recovery sessions in the sauna cleared my head after brutal work weeks.", imageSrc: "http://img.b2bpic.net/free-photo/emotional-young-male-with-blue-shirt-standing-gate-with-slight-smile-his-face_181624-33508.jpg"},
id: "1", name: "David Martinez", role: "Working Professional, Age 38", testimonial: "I came to Dragon's Den intimidated by big gyms. Marcus met me where I was and built a program that fit my life. The 24/7 access changed everything. Recovery sessions in the sauna cleared my head after brutal work weeks.", imageSrc: "http://img.b2bpic.net/free-photo/emotional-young-male-with-blue-shirt-standing-gate-with-slight-smile-his-face_181624-33508.jpg", imageAlt: "David Martinez"},
{
id: "2", name: "Elena Russo", role: "Software Engineer, Age 32", testimonial: "This place is fierce but welcoming. The cold plunge became my ritual. I'm stronger than ever, and the mental clarity I get from the recovery practices is invaluable.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg"},
id: "2", name: "Elena Russo", role: "Software Engineer, Age 32", testimonial: "This place is fierce but welcoming. The cold plunge became my ritual. I'm stronger than ever, and the mental clarity I get from the recovery practices is invaluable.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg", imageAlt: "Elena Russo"},
{
id: "3", name: "James Oh", role: "Entrepreneur, Age 45", testimonial: "Dragon's Den feels like a sanctuary. Real trainers who care about your form and your story. The community doesn't judge—it lifts you up.", imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
id: "3", name: "James Oh", role: "Entrepreneur, Age 45", testimonial: "Dragon's Den feels like a sanctuary. Real trainers who care about your form and your story. The community doesn't judge—it lifts you up.", imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", imageAlt: "James Oh"},
]}
title="Why Members Choose Dragon's Den"
description="Hear directly from members who've experienced their transformation at the Den."

203
src/app/page.tsx
View File

@@ -1,6 +1,5 @@
"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
@@ -10,7 +9,7 @@ import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen
import TeamCardFive from "@/components/sections/team/TeamCardFive";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Sparkles } from "lucide-react";
import Link from "next/link";
export default function HomePage() {
const navItems = [
@@ -24,8 +23,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Explore",
items: [
title: "Explore", items: [
{ label: "Home", href: "/" },
{ label: "Trainers", href: "/trainers" },
{ label: "Membership", href: "/membership" },
@@ -33,8 +31,7 @@ export default function HomePage() {
],
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Story", href: "/about" },
{ label: "Contact", href: "/contact" },
@@ -42,8 +39,7 @@ export default function HomePage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Email", href: "mailto:info@dragonsden.gym" },
@@ -65,19 +61,15 @@ export default function HomePage() {
secondaryButtonStyle="solid"
headingFontWeight="light"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Dragon's Den"
navItems={navItems}
button={{
text: "Start Your Journey",
href: "/membership",
}}
text: "Start Your Journey", href: "/membership"}}
/>
</div>
{/* Hero Section */}
<div id="hero" data-section="hero">
<HeroBillboardScroll
title="Awaken the Dragon Within"
@@ -88,14 +80,13 @@ export default function HomePage() {
{ text: "Book Your First Session", href: "/membership" },
{ text: "Schedule a Tour", href: "/contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32130.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32130.jpg"
imageAlt="Trainer and client in intense training moment at Dragon's Den"
tagAnimation="slide-up"
buttonAnimation="slide-up"
/>
</div>
{/* Brand Statement */}
<div id="brand-statement" data-section="brand-statement">
<MetricSplitMediaAbout
tag="Dragon's Den Philosophy"
@@ -105,14 +96,14 @@ export default function HomePage() {
{ value: "24/7", title: "Access to Your Sanctuary" },
{ value: "100%", title: "Member-Focused Environment" },
]}
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-caucasian-woman-bikini-blue-swimming-pool-vacation-coudy-day-natural-light_343596-2303.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-caucasian-woman-bikini-blue-swimming-pool-vacation-coudy-day-natural-light_343596-2303.jpg"
imageAlt="Sauna and cold plunge recovery experience"
mediaAnimation="opacity"
metricsAnimation="opacity"
useInvertedBackground={false}
/>
</div>
{/* Personal Training */}
<div id="personal-training" data-section="personal-training">
<FeatureCardTwentyThree
title="Personal Training Built for Real Results"
@@ -120,26 +111,14 @@ export default function HomePage() {
tag="Core Service"
features={[
{
id: "strength",
title: "Strength & Performance",
tags: ["Customized Programming", "Real Progress Tracking"],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-doing-crossfit-workout_23-2149080463.jpg?_wi=1",
imageAlt: "Strength training session at Dragon's Den",
},
id: "strength", title: "Strength & Performance", tags: ["Customized Programming", "Real Progress Tracking"],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-doing-crossfit-workout_23-2149080463.jpg", imageAlt: "Strength training session at Dragon's Den"},
{
id: "functional",
title: "Functional Movement Coaching",
tags: ["Mobility Focus", "Injury Prevention"],
imageSrc: "http://img.b2bpic.net/free-photo/reflection-male-athlete-stretching-his-muscle-leaning-reflective-glass_23-2148124083.jpg?_wi=1",
imageAlt: "Functional movement coaching",
},
id: "functional", title: "Functional Movement Coaching", tags: ["Mobility Focus", "Injury Prevention"],
imageSrc: "http://img.b2bpic.net/free-photo/reflection-male-athlete-stretching-his-muscle-leaning-reflective-glass_23-2148124083.jpg", imageAlt: "Functional movement coaching"},
{
id: "nutrition",
title: "Holistic Nutrition Guidance",
tags: ["Body Composition", "Performance Fueling"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-kitchen_23-2148535226.jpg",
imageAlt: "Nutrition consultation and guidance",
},
id: "nutrition", title: "Holistic Nutrition Guidance", tags: ["Body Composition", "Performance Fueling"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-kitchen_23-2148535226.jpg", imageAlt: "Nutrition consultation and guidance"},
]}
textboxLayout="default"
animationType="slide-up"
@@ -147,33 +126,20 @@ export default function HomePage() {
/>
</div>
{/* 24/7 Access */}
<div id="24-7-access" data-section="24-7-access">
<FeatureCardTwentyThree
title="24/7 Access. Your Time. Your Pace."
description="Train at 5 AM or midnight. The Den is always open for members who live on their own schedule. State-of-the-art equipment, open floor plan, and a community that respects your discipline."
features={[
{
id: "equipment",
title: "Premium Equipment Selection",
tags: ["Free Weights", "Machines", "Cables"],
imageSrc: "http://img.b2bpic.net/free-photo/man-running-treadmill-modern-gym_1098-15195.jpg",
imageAlt: "Well-equipped training floor",
},
id: "equipment", title: "Premium Equipment Selection", tags: ["Free Weights", "Machines", "Cables"],
imageSrc: "http://img.b2bpic.net/free-photo/man-running-treadmill-modern-gym_1098-15195.jpg", imageAlt: "Well-equipped training floor"},
{
id: "independent",
title: "Independent Training Supported",
tags: ["Self-Directed Workouts", "Open Floor Design"],
imageSrc: "http://img.b2bpic.net/free-photo/sportive-guy-training-with-kettlebell-photo-handsome-man-with-good-physique-strength-motivation_1153-8604.jpg",
imageAlt: "Member training independently",
},
id: "independent", title: "Independent Training Supported", tags: ["Self-Directed Workouts", "Open Floor Design"],
imageSrc: "http://img.b2bpic.net/free-photo/sportive-guy-training-with-kettlebell-photo-handsome-man-with-good-physique-strength-motivation_1153-8604.jpg", imageAlt: "Member training independently"},
{
id: "security",
title: "Secure. Monitored. Always Safe.",
tags: ["Keypad Access", "Security Systems"],
imageSrc: "http://img.b2bpic.net/free-photo/elevator-control-buttons_1353-145.jpg",
imageAlt: "Secure entry system",
},
id: "security", title: "Secure. Monitored. Always Safe.", tags: ["Keypad Access", "Security Systems"],
imageSrc: "http://img.b2bpic.net/free-photo/elevator-control-buttons_1353-145.jpg", imageAlt: "Secure entry system"},
]}
textboxLayout="default"
animationType="slide-up"
@@ -181,7 +147,6 @@ export default function HomePage() {
/>
</div>
{/* Recovery Core */}
<div id="recovery-core" data-section="recovery-core">
<MetricCardFourteen
title="Recovery Isn't Optional. It's Essential."
@@ -189,128 +154,83 @@ export default function HomePage() {
tagAnimation="slide-up"
metrics={[
{
id: "sauna",
value: "Heat Therapy",
description: "Infrared sauna sessions for muscle recovery, detoxification, mental clarity, and the ritual of deep rest. Recovery is where transformation happens.",
},
id: "sauna", value: "Heat Therapy", description: "Infrared sauna sessions for muscle recovery, detoxification, mental clarity, and the ritual of deep rest. Recovery is where transformation happens."},
{
id: "coldplunge",
value: "Cold Immersion",
description: "Cold plunge therapy to enhance resilience, reduce inflammation, boost cardiovascular health, and activate your nervous system's adaptation response.",
},
id: "coldplunge", value: "Cold Immersion", description: "Cold plunge therapy to enhance resilience, reduce inflammation, boost cardiovascular health, and activate your nervous system's adaptation response."},
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
{/* Trainer Spotlight */}
<div id="trainer-spotlight" data-section="trainer-spotlight">
<TeamCardFive
title="Meet Your Coaches"
description="Real trainers. Real expertise. Real commitment to your transformation."
tag="The Dragon's Den Team"
tagIcon={Sparkles}
textboxLayout="default"
animationType="slide-up"
team={[
{
id: "1",
name: "Marcus Stone",
role: "Head Coach & Founder",
imageSrc: "http://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-58843.jpg?_wi=1",
imageAlt: "Marcus Stone, Head Coach",
},
id: "1", name: "Marcus Stone", role: "Head Coach & Founder", imageSrc: "http://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-58843.jpg", imageAlt: "Marcus Stone, Head Coach"},
{
id: "2",
name: "Sarah Chen",
role: "Strength & Conditioning Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/serious-sportswoman-posing-outdoors_23-2147600761.jpg?_wi=1",
imageAlt: "Sarah Chen, Strength Coach",
},
id: "2", name: "Sarah Chen", role: "Strength & Conditioning Specialist", imageSrc: "http://img.b2bpic.net/free-photo/serious-sportswoman-posing-outdoors_23-2147600761.jpg", imageAlt: "Sarah Chen, Strength Specialist"},
{
id: "3",
name: "James Rivera",
role: "Functional Movement Coach",
imageSrc: "http://img.b2bpic.net/free-photo/nice-musculature-man-portrait-fitness-athlete-handsome-man-posing-outdoor-with-crossed-arms_343629-35.jpg?_wi=1",
imageAlt: "James Rivera, Movement Coach",
},
id: "3", name: "James Rivera", role: "Functional Movement Coach", imageSrc: "http://img.b2bpic.net/free-photo/nice-musculature-man-portrait-fitness-athlete-handsome-man-posing-outdoor-with-crossed-arms_343629-35.jpg", imageAlt: "James Rivera, Movement Coach"},
{
id: "4",
name: "Maya Patel",
role: "Recovery & Mobility Expert",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1",
imageAlt: "Maya Patel, Recovery Expert",
},
id: "4", name: "Maya Patel", role: "Recovery & Mobility Expert", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Maya Patel, Recovery Expert"},
]}
useInvertedBackground={false}
/>
</div>
{/* Testimonials */}
<div id="why-dragons-den" data-section="why-dragons-den">
<FeatureCardTwentyThree
title="Why Dragon's Den Is Different"
description="This isn't a gym that treats members as transactions. We're a destination built on resilience, openness, and the belief that strength is both physical and spiritual."
features={[
{
id: "community", title: "A Real Community", tags: ["Welcoming Culture", "No Ego Allowed"],
imageSrc: "http://img.b2bpic.net/free-photo/volleyball-players-having-match_23-2149492355.jpg", imageAlt: "Members supporting each other"},
{
id: "discipline", title: "Discipline Without Pretense", tags: ["Honest Coaching", "Respect for Process"],
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-training-gym_23-2149734731.jpg", imageAlt: "Focused training moment"},
{
id: "recovery", title: "Recovery as Ritual", tags: ["Sauna & Plunge", "Mental Clarity"],
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-sauna-warm-light-wellness-mood-sauna-pause_169016-69224.jpg", imageAlt: "Recovery ritual experience"},
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
testimonials={[
{
id: "1", name: "David Martinez", role: "Working Professional, Age 38", testimonial: "I came to Dragon's Den intimidated by big gyms. Marcus met me where I was and built a program that fit my life. The 24/7 access changed everything. Recovery sessions in the sauna cleared my head after brutal work weeks.", imageSrc: "http://img.b2bpic.net/free-photo/emotional-young-male-with-blue-shirt-standing-gate-with-slight-smile-his-face_181624-33508.jpg", imageAlt: "David Martinez"},
{
id: "2", name: "Elena Russo", role: "Software Engineer, Age 32", testimonial: "This place is fierce but welcoming. The cold plunge became my ritual. I'm stronger than ever, and the mental clarity I get from the recovery practices is invaluable.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg", imageAlt: "Elena Russo"},
{
id: "3", name: "James Oh", role: "Entrepreneur, Age 45", testimonial: "Dragon's Den feels like a sanctuary. Real trainers who care about your form and your story. The community doesn't judge—it lifts you up.", imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", imageAlt: "James Oh"},
{
id: "4", name: "Sophie Laurent", role: "Teacher, Age 29", testimonial: "I was scared of personal training. Sarah made me believe in myself. Six months in, I'm stronger, more resilient, and I love coming here. It's not about vanity—it's about becoming who I'm meant to be.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-wonderful-young-woman_158595-4762.jpg", imageAlt: "Sophie Laurent"},
{
id: "5", name: "Robert Chen", role: "Consultant, Age 52", testimonial: "After years of generic gym experiences, I found my home. The trainers respect your discipline. The sauna and cold plunge are transformational. This is a real community.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-middle-aged-man-with-book_23-2149213169.jpg", imageAlt: "Robert Chen"},
{
id: "6", name: "Alex Morrison", role: "Creative, Age 26", testimonial: "Dragon's Den saved me during a rough period. The workouts gave me structure. The sauna sessions gave me clarity. The people gave me belonging.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg", imageAlt: "Alex Morrison"},
]}
title="Real Stories. Real Transformation."
description="Hear from members who made the commitment and changed their lives."
tag="Community Voices"
textboxLayout="default"
animationType="slide-up"
testimonials={[
{
id: "1",
name: "David Martinez",
role: "Working Professional, Age 38",
testimonial: "I came to Dragon's Den intimidated by big gyms. Marcus met me where I was and built a program that fit my life. The 24/7 access changed everything. Recovery sessions in the sauna cleared my head after brutal work weeks.",
imageSrc: "http://img.b2bpic.net/free-photo/emotional-young-male-with-blue-shirt-standing-gate-with-slight-smile-his-face_181624-33508.jpg?_wi=1",
imageAlt: "David Martinez testimonial",
},
{
id: "2",
name: "Elena Russo",
role: "Software Engineer, Age 32",
testimonial: "This place is fierce but welcoming. The cold plunge became my ritual. I'm stronger than ever, and the mental clarity I get from the recovery practices is invaluable.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg?_wi=1",
imageAlt: "Elena Russo testimonial",
},
{
id: "3",
name: "James Oh",
role: "Entrepreneur, Age 45",
testimonial: "Dragon's Den feels like a sanctuary. Real trainers who care about your form and your story. The community doesn't judge—it lifts you up.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg?_wi=1",
imageAlt: "James Oh testimonial",
},
{
id: "4",
name: "Sophie Laurent",
role: "Teacher, Age 29",
testimonial: "I was scared of personal training. Sarah made me believe in myself. Six months in, I'm stronger, more resilient, and I love coming here. It's not about vanity—it's about becoming who I'm meant to be.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-wonderful-young-woman_158595-4762.jpg?_wi=1",
imageAlt: "Sophie Laurent testimonial",
},
{
id: "5",
name: "Robert Chen",
role: "Consultant, Age 52",
testimonial: "After years of generic gym experiences, I found my home. The trainers respect your discipline. The sauna and cold plunge are transformational. This is a real community.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-middle-aged-man-with-book_23-2149213169.jpg",
imageAlt: "Robert Chen testimonial",
},
{
id: "6",
name: "Alex Morrison",
role: "Creative, Age 26",
testimonial: "Dragon's Den saved me during a rough period. The workouts gave me structure. The sauna sessions gave me clarity. The people gave me belonging.",
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg",
imageAlt: "Alex Morrison testimonial",
},
]}
useInvertedBackground={false}
carouselMode="buttons"
/>
</div>
{/* CTA Section */}
<div id="cta-section" data-section="cta-section">
<HeroBillboardScroll
title="Built for Strength. Designed for Transformation."
@@ -325,7 +245,6 @@ export default function HomePage() {
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterBase
logoText="Dragon's Den"

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

@@ -1,51 +1,48 @@
"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;
fontSize?: number;
fontFamily?: string;
fontWeight?: number | string;
letterSpacing?: number;
fill?: string;
x?: number;
y?: number;
dominantBaseline?: "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit";
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className,
fontSize = 32,
fontFamily = "serif", fontWeight = 400,
letterSpacing = 0,
fill = "currentColor", x = 0,
y = 0,
dominantBaseline = "middle"}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
className={className}
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.5}`}
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="xMidYMid meet"
>
<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={x}
y={y}
fontSize={fontSize}
fontFamily={fontFamily}
fontWeight={fontWeight}
letterSpacing={letterSpacing}
fill={fill}
dominantBaseline={dominantBaseline}
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;