bender/9a9e70ec-107d-4338-85de-4f02108c7567
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-10 19:57:24 +00:00
Conversation 0 Commits 2 Files Changed 2 +40 -58
2 changed files with 40 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/app/page.tsx
View File

@@ -20,7 +20,7 @@ export default function LandingPage() {
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
@@ -45,7 +45,7 @@ export default function LandingPage() {
<HeroCentered
title="Learn the Art of Belly Dance in Abu Dhabi"
description="Join our academy and discover confidence, elegance, and the beauty of Middle Eastern dance. Founded by internationally recognized dancer Veronika Maas, we welcome students of all levels."
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "sparkles-gradient" }}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/woman-pointing-with-hand-her-hair_1187-3136.jpg", alt: "Veronika Maas, Academy Founder" },
{ src: "http://img.b2bpic.net/free-photo/slim-young-woman-with-brown-skin-looking-away-with-sincere-smile-sensual-mulatto-woman-plays-with-soft-curly-hair-expressing-happy-emotions_197531-4078.jpg", alt: "Student Confidence" },
@@ -81,11 +81,11 @@ export default function LandingPage() {
description="Explore our comprehensive range of belly dance classes designed for every level and goal. From fitness to professional performance training."
products={[
{ id: "1", name: "Beginner Belly Dance", price: "AED 150/month", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-woman-dancing-studio_23-2150662495.jpg", imageAlt: "Beginner belly dance class" },
{ id: "2", name: "Intermediate Training", price: "AED 200/month", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-together-gym_23-2148371739.jpg?_wi=1", imageAlt: "Intermediate belly dance training" },
{ id: "3", name: "Advanced Performance", price: "AED 250/month", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-dancer-with-cloth_23-2148229588.jpg?_wi=1", imageAlt: "Advanced belly dance performance" },
{ id: "4", name: "Private Lessons", price: "AED 300/session", imageSrc: "http://img.b2bpic.net/free-photo/couple-dancing-together-medium-shot_23-2149478695.jpg?_wi=1", imageAlt: "Private belly dance lessons" },
{ id: "2", name: "Intermediate Training", price: "AED 200/month", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-together-gym_23-2148371739.jpg", imageAlt: "Intermediate belly dance training" },
{ id: "3", name: "Advanced Performance", price: "AED 250/month", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-dancer-with-cloth_23-2148229588.jpg", imageAlt: "Advanced belly dance performance" },
{ id: "4", name: "Private Lessons", price: "AED 300/session", imageSrc: "http://img.b2bpic.net/free-photo/couple-dancing-together-medium-shot_23-2149478695.jpg", imageAlt: "Private belly dance lessons" },
{ id: "5", name: "Wedding Dance Prep", price: "AED 180/month", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-smiling-woman-stylish-black-dress_285396-8142.jpg", imageAlt: "Wedding dance preparation" },
{ id: "6", name: "Online Courses", price: "AED 120/month", imageSrc: "http://img.b2bpic.net/free-photo/female-fitness-instructor-teaching-yoga-from-home-through-laptop_23-2149320131.jpg?_wi=1", imageAlt: "Online belly dance courses" }
{ id: "6", name: "Online Courses", price: "AED 120/month", imageSrc: "http://img.b2bpic.net/free-photo/female-fitness-instructor-teaching-yoga-from-home-through-laptop_23-2149320131.jpg", imageAlt: "Online belly dance courses" }
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -103,29 +103,29 @@ export default function LandingPage() {
{
title: "Authentic Technique", description: "Learn genuine belly dance movements from internationally recognized instructors", icon: Music,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/group-friends-together-gym_23-2148371739.jpg?_wi=2", imageAlt: "Technique training" },
{ imageSrc: "http://img.b2bpic.net/free-photo/long-mirror-dance-studio_23-2148169365.jpg?_wi=1", imageAlt: "Professional studio" }
{ imageSrc: "http://img.b2bpic.net/free-photo/group-friends-together-gym_23-2148371739.jpg", imageAlt: "Technique training" },
{ imageSrc: "http://img.b2bpic.net/free-photo/long-mirror-dance-studio_23-2148169365.jpg", imageAlt: "Professional studio" }
]
},
{
title: "Confident Community", description: "Join a supportive circle of women dedicated to empowerment and artistic growth", icon: Heart,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/full-length-funny-young-caucasian-african-women-black-top-jeans-hold-hands-head-studio_197531-31913.jpg?_wi=1", imageAlt: "Community celebration" },
{ imageSrc: "http://img.b2bpic.net/free-photo/slim-young-woman-with-brown-skin-looking-away-with-sincere-smile-sensual-mulatto-woman-plays-with-soft-curly-hair-expressing-happy-emotions_197531-4078.jpg?_wi=1", imageAlt: "Confidence building" }
{ imageSrc: "http://img.b2bpic.net/free-photo/full-length-funny-young-caucasian-african-women-black-top-jeans-hold-hands-head-studio_197531-31913.jpg", imageAlt: "Community celebration" },
{ imageSrc: "http://img.b2bpic.net/free-photo/slim-young-woman-with-brown-skin-looking-away-with-sincere-smile-sensual-mulatto-woman-plays-with-soft-curly-hair-expressing-happy-emotions_197531-4078.jpg", imageAlt: "Confidence building" }
]
},
{
title: "Performance Opportunities", description: "Showcase your skills at cultural events, celebrations, and academy performances", icon: Star,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/analog-portrait-beautiful-woman-posing-indoors-elegant-dress_23-2149630176.jpg?_wi=1", imageAlt: "Performance stage" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-dancer-with-cloth_23-2148229588.jpg?_wi=2", imageAlt: "Professional performance" }
{ imageSrc: "http://img.b2bpic.net/free-photo/analog-portrait-beautiful-woman-posing-indoors-elegant-dress_23-2149630176.jpg", imageAlt: "Performance stage" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-dancer-with-cloth_23-2148229588.jpg", imageAlt: "Professional performance" }
]
},
{
title: "Flexible Learning", description: "Choose between in-studio classes, private lessons, or online courses that fit your schedule", icon: Clock,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/female-fitness-instructor-teaching-yoga-from-home-through-laptop_23-2149320131.jpg?_wi=2", imageAlt: "Online learning" },
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-dancing-together-medium-shot_23-2149478695.jpg?_wi=2", imageAlt: "Private instruction" }
{ imageSrc: "http://img.b2bpic.net/free-photo/female-fitness-instructor-teaching-yoga-from-home-through-laptop_23-2149320131.jpg", imageAlt: "Online learning" },
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-dancing-together-medium-shot_23-2149478695.jpg", imageAlt: "Private instruction" }
]
}
]}
@@ -141,13 +141,13 @@ export default function LandingPage() {
description="Witness the remarkable journeys of our students as they discover confidence, grace, and artistic expression through belly dance."
blogs={[
{
id: "1", category: "Beginner Success", title: "From Nervous to Confident", excerpt: "Fatima's journey from first-time dancer to stage performer in just 6 months of dedicated training.", imageSrc: "http://img.b2bpic.net/free-photo/slim-young-woman-with-brown-skin-looking-away-with-sincere-smile-sensual-mulatto-woman-plays-with-soft-curly-hair-expressing-happy-emotions_197531-4078.jpg?_wi=2", imageAlt: "Fatima's confidence journey", authorName: "Fatima Al Mansouri", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-woman-with-book_23-2147767502.jpg", date: "March 2025"
id: "1", category: "Beginner Success", title: "From Nervous to Confident", excerpt: "Fatima's journey from first-time dancer to stage performer in just 6 months of dedicated training.", imageSrc: "http://img.b2bpic.net/free-photo/slim-young-woman-with-brown-skin-looking-away-with-sincere-smile-sensual-mulatto-woman-plays-with-soft-curly-hair-expressing-happy-emotions_197531-4078.jpg", imageAlt: "Fatima's confidence journey", authorName: "Fatima Al Mansouri", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-woman-with-book_23-2147767502.jpg", date: "March 2025"
},
{
id: "2", category: "Performance", title: "Her First Solo Performance", excerpt: "Layla overcame stage fright to deliver a stunning solo at the academy's quarterly showcase event.", imageSrc: "http://img.b2bpic.net/free-photo/analog-portrait-beautiful-woman-posing-indoors-elegant-dress_23-2149630176.jpg?_wi=2", imageAlt: "Layla performing on stage", authorName: "Layla Hassan", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg", date: "February 2025"
id: "2", category: "Performance", title: "Her First Solo Performance", excerpt: "Layla overcame stage fright to deliver a stunning solo at the academy's quarterly showcase event.", imageSrc: "http://img.b2bpic.net/free-photo/analog-portrait-beautiful-woman-posing-indoors-elegant-dress_23-2149630176.jpg", imageAlt: "Layla performing on stage", authorName: "Layla Hassan", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg", date: "February 2025"
},
{
id: "3", category: "Community", title: "Found Her Sister Circle", excerpt: "Amira discovered lifelong friendships while learning authentic belly dance movements in our supportive academy.", imageSrc: "http://img.b2bpic.net/free-photo/full-length-funny-young-caucasian-african-women-black-top-jeans-hold-hands-head-studio_197531-31913.jpg?_wi=2", imageAlt: "Amira with dance community", authorName: "Amira Omar", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-excited-brunette-girl-isolated-brown-eyed-young-woman-with-straight-hair-laughing_197531-9409.jpg", date: "January 2025"
id: "3", category: "Community", title: "Found Her Sister Circle", excerpt: "Amira discovered lifelong friendships while learning authentic belly dance movements in our supportive academy.", imageSrc: "http://img.b2bpic.net/free-photo/full-length-funny-young-caucasian-african-women-black-top-jeans-hold-hands-head-studio_197531-31913.jpg", imageAlt: "Amira with dance community", authorName: "Amira Omar", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-excited-brunette-girl-isolated-brown-eyed-young-woman-with-straight-hair-laughing_197531-9409.jpg", date: "January 2025"
},
{
id: "4", category: "Artistry", title: "Mastering the Art Form", excerpt: "Noor advanced from intermediate to professional performance level through advanced technique training.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sweeping_23-2150908667.jpg", imageAlt: "Noor's artistic mastery", authorName: "Noor Al Kaabi", authorAvatar: "http://img.b2bpic.net/free-photo/interesting-cheerful-caucasian-redhead-female-with-blue-eyes-smiling-broadly_176420-17169.jpg", date: "December 2024"
@@ -167,7 +167,7 @@ export default function LandingPage() {
description="Our intelligent Dance Academy AI Assistant helps you discover the ideal class level, schedule, and learning format. Get personalized recommendations and book your trial class instantly."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/long-mirror-dance-studio_23-2148169365.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/long-mirror-dance-studio_23-2148169365.jpg"
imageAlt="Elegant dance studio setting"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -190,7 +190,7 @@ export default function LandingPage() {
{ src: "http://img.b2bpic.net/free-photo/annoyed-young-redhead-ginger-girl-with-freckles-stands-with-crossed-arms_141793-103902.jpg", alt: "Student 5" },
{ src: "http://img.b2bpic.net/free-photo/joy-happiness-positive-feelings-concept-portrait-fair-haired-friendly-young-female-stylish-white-shirt-smiling-happily-rejoicing-good-news-present-exams-success-work_343059-4197.jpg", alt: "Student 6" }
]}
ratingAnimation="entrance-slide"
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
/>

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

@@ -1,51 +1,33 @@
"use client";
import { SVGProps } from 'react';
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
export interface SvgTextLogoProps extends SVGProps<SVGSVGElement> {
text?: string;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export default function SvgTextLogo({
text = 'Webild',
className = '',
...props
}: SvgTextLogoProps) {
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 200 50"
xmlns="http://www.w3.org/2000/svg"
className={`w-full h-auto ${className}`}
{...props}
>
<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="middle"
fontSize="24"
fontWeight="bold"
fill="currentColor"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
}