8 Commits

Author SHA1 Message Date
1ab6ebedd6 Merge version_3 into main
Merge version_3 into main
2026-04-17 06:53:32 +00:00
31ecb59c3c Update theme fonts 2026-04-17 06:53:29 +00:00
9d2bc5a9f4 Update theme fonts 2026-04-17 06:53:28 +00:00
ccea0d2768 Merge version_3 into main
Merge version_3 into main
2026-04-17 06:51:58 +00:00
7a1b45c41f Update theme colors 2026-04-17 06:51:55 +00:00
1bd1266f1a Merge version_2 into main
Merge version_2 into main
2026-04-17 06:44:46 +00:00
7287e419cc Update src/app/styles/variables.css 2026-04-17 06:44:43 +00:00
e9f0ba43b8 Update src/app/page.tsx 2026-04-17 06:44:43 +00:00
4 changed files with 77 additions and 217 deletions

View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Inter_Tight } from "next/font/google";
import { Montserrat } from "next/font/google";
@@ -19,10 +20,14 @@ export const metadata: Metadata = {
},
};
const interTight = Inter_Tight({
variable: "--font-inter-tight",
const montserrat = Montserrat({
variable: "--font-montserrat",
subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
export default function RootLayout({
@@ -33,7 +38,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${interTight.variable} antialiased`}>
<body className={`${montserrat.variable} ${inter.variable} antialiased`}>
<Tag />
{children}
<script

View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Courses",
id: "products",
},
name: "Courses", id: "products"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Queen Tutu"
/>
@@ -56,64 +48,39 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Unleash Your Grace at Queen Tutu"
description="The premier training institute dedicated to excellence in dance, choreography, and performance arts. Join our community of dedicated artists today."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/friendly-confident-pleasant-redhead-woman-helpfully-look-camera-smiling-joyfully-have-conversation-c_1258-141694.jpg",
alt: "Student 1",
},
src: "http://img.b2bpic.net/free-photo/friendly-confident-pleasant-redhead-woman-helpfully-look-camera-smiling-joyfully-have-conversation-c_1258-141694.jpg", alt: "Student 1"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gedko8",
alt: "Student 2",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gedko8", alt: "Student 2"},
{
src: "http://img.b2bpic.net/free-photo/international-day-education-celebration_23-2150931024.jpg",
alt: "Student 3",
},
src: "http://img.b2bpic.net/free-photo/international-day-education-celebration_23-2150931024.jpg", alt: "Student 3"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-people-dancing_23-2149180687.jpg",
alt: "Student 4",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-people-dancing_23-2149180687.jpg", alt: "Student 4"},
{
src: "http://img.b2bpic.net/free-photo/woman-performing-stretching-exercise-exercise-mat_1170-278.jpg",
alt: "Student 5",
},
src: "http://img.b2bpic.net/free-photo/woman-performing-stretching-exercise-exercise-mat_1170-278.jpg", alt: "Student 5"},
]}
avatarText="Join 500+ dancers"
buttons={[
{
text: "Explore Programs",
href: "#products",
},
text: "Explore Programs", href: "#products"},
{
text: "Book a Trial",
href: "#contact",
},
text: "Book a Trial", href: "#contact"},
]}
marqueeItems={[
{
type: "text",
text: "Classical Ballet",
},
type: "text", text: "Classical Ballet"},
{
type: "text",
text: "Modern Choreography",
},
type: "text", text: "Modern Choreography"},
{
type: "text",
text: "Jazz & Contemporary",
},
type: "text", text: "Jazz & Contemporary"},
{
type: "text",
text: "Youth Development",
},
type: "text", text: "Youth Development"},
{
type: "text",
text: "Elite Performance",
},
type: "text", text: "Elite Performance"},
]}
/>
</div>
@@ -123,14 +90,9 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Our Mission for Dance Excellence",
},
type: "text", content: "Our Mission for Dance Excellence"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/full-shot-people-dancing-together_23-2149180686.jpg",
alt: "About Dance Studio",
},
type: "image", src: "http://img.b2bpic.net/free-photo/full-shot-people-dancing-together_23-2149180686.jpg", alt: "About Dance Studio"},
]}
/>
</div>
@@ -142,38 +104,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Expert Instructors",
author: "Queen Tutu Team",
description: "Learn from world-renowned choreographers and dance professionals.",
tags: [
"training",
"expert",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-preparing-ballet-class_1098-14865.jpg",
},
id: "f1", title: "Expert Instructors", author: "Queen Tutu Team", description: "Learn from world-renowned choreographers and dance professionals.", tags: [
"training", "expert"],
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-preparing-ballet-class_1098-14865.jpg"},
{
id: "f2",
title: "State of the Art Facilities",
author: "Academy",
description: "Train in safe, spacious, and modern dance studios.",
tags: [
"studio",
"modern",
],
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-painting-brushes_1303-31389.jpg",
},
id: "f2", title: "State of the Art Facilities", author: "Academy", description: "Train in safe, spacious, and modern dance studios.", tags: [
"studio", "modern"],
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-painting-brushes_1303-31389.jpg"},
{
id: "f3",
title: "Structured Curriculum",
author: "Academic Staff",
description: "Progressive learning path from foundation to professional level.",
tags: [
"curriculum",
"path",
],
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-professional-plus-size-dancer-training_23-2150598832.jpg",
},
id: "f3", title: "Structured Curriculum", author: "Academic Staff", description: "Progressive learning path from foundation to professional level.", tags: [
"curriculum", "path"],
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-professional-plus-size-dancer-training_23-2150598832.jpg"},
]}
title="Why Choose Queen Tutu?"
description="We offer world-class training designed to elevate your technical skills and artistry."
@@ -188,44 +129,14 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Ballet Basics",
price: "$150/mo",
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-ballerina-white-ballet-costume-young-lady-is-dancing-room-girl-dance-class-with-teacher_1157-44003.jpg",
},
id: "p1", name: "Certified Nursing Assistant", price: "Enroll Now", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-nurse-holding-folder_23-2149171745.jpg"},
{
id: "p2",
name: "Modern Choreography",
price: "$200/mo",
imageSrc: "http://img.b2bpic.net/free-photo/flamenco-dancer-studio_23-2149287128.jpg",
},
id: "p2", name: "Caregiving Professional", price: "Enroll Now", imageSrc: "https://img.b2bpic.net/free-photo/close-up-caregiver-helping-senior-woman_23-2148759530.jpg"},
{
id: "p3",
name: "Youth Development",
price: "$120/mo",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-silhouettes-jumping-sunset_23-2150444969.jpg",
},
{
id: "p4",
name: "Performance Masterclass",
price: "$300/mo",
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-dancing-bachata_23-2149587481.jpg",
},
{
id: "p5",
name: "Intensive Training",
price: "$450/mo",
imageSrc: "http://img.b2bpic.net/free-photo/expirienced-ballet-teacher-is-showing-young-ballerinas-how-important-exercises-correct-them_613910-21403.jpg",
},
{
id: "p6",
name: "Annual Membership",
price: "$1200/yr",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-professional-plus-size-dancer-training_23-2150598833.jpg",
},
id: "p3", name: "Infection Prevention", price: "Enroll Now", imageSrc: "https://img.b2bpic.net/free-photo/doctor-wearing-mask-medical-gloves_23-2148817688.jpg"}
]}
title="Our Training Programs"
description="Choose from a wide variety of courses designed for all skill levels."
title="Our Career Training Programs"
description="Professional certification programs to jumpstart your career in healthcare and caregiving."
/>
</div>
@@ -237,25 +148,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15+",
title: "Years Experience",
description: "Years of quality training",
icon: Award,
id: "m1", value: "15+", title: "Years Experience", description: "Years of quality training", icon: Award,
},
{
id: "m2",
value: "500+",
title: "Students Trained",
description: "Successful dance alumni",
icon: Users,
id: "m2", value: "500+", title: "Students Trained", description: "Successful dance alumni", icon: Users,
},
{
id: "m3",
value: "20+",
title: "Master Classes",
description: "Annual workshops held",
icon: Calendar,
id: "m3", value: "20+", title: "Master Classes", description: "Annual workshops held", icon: Calendar,
},
]}
title="Our Impact"
@@ -271,29 +170,13 @@ export default function LandingPage() {
useInvertedBackground={true}
members={[
{
id: "t1",
name: "Elena Grace",
role: "Head Instructor",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-making-frame-gesture-black-blouse-looking-cheery-front-view-space-text_176474-46478.jpg",
},
id: "t1", name: "Elena Grace", role: "Head Instructor", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-making-frame-gesture-black-blouse-looking-cheery-front-view-space-text_176474-46478.jpg"},
{
id: "t2",
name: "Marcus Thorne",
role: "Choreographer",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-close-friends-dancing-living-room-while-celebrating-birthday-event-multicultural-people-relaxing-with-music-while-enjoying-wine-party-home-together_482257-47322.jpg",
},
id: "t2", name: "Marcus Thorne", role: "Choreographer", imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-close-friends-dancing-living-room-while-celebrating-birthday-event-multicultural-people-relaxing-with-music-while-enjoying-wine-party-home-together_482257-47322.jpg"},
{
id: "t3",
name: "Sarah Jenkins",
role: "Ballet Master",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406001.jpg",
},
id: "t3", name: "Sarah Jenkins", role: "Ballet Master", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406001.jpg"},
{
id: "t4",
name: "David Moon",
role: "Dance Teacher",
imageSrc: "http://img.b2bpic.net/free-photo/ballerina-performing-dance_1398-656.jpg",
},
id: "t4", name: "David Moon", role: "Dance Teacher", imageSrc: "http://img.b2bpic.net/free-photo/ballerina-performing-dance_1398-656.jpg"},
]}
title="Meet Our Instructors"
description="Meet the professional dancers and instructors behind our success."
@@ -308,25 +191,15 @@ export default function LandingPage() {
author="Jessica Smith"
avatars={[
{
src: "http://img.b2bpic.net/free-vector/modern-dancer-silhouette_23-2147494307.jpg",
alt: "Student A",
},
src: "http://img.b2bpic.net/free-vector/modern-dancer-silhouette_23-2147494307.jpg", alt: "Student A"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mnxlit",
alt: "Student B",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mnxlit", alt: "Student B"},
{
src: "http://img.b2bpic.net/free-photo/young-female-dancer-stretching-her-hands-barre_23-2148169328.jpg",
alt: "Student C",
},
src: "http://img.b2bpic.net/free-photo/young-female-dancer-stretching-her-hands-barre_23-2148169328.jpg", alt: "Student C"},
{
src: "http://img.b2bpic.net/free-photo/confident-young-student-girl-wearing-glasses-back-bag-standing-with-closed-posture-holding-coffee-cup-isolated-orange-with-copy-space_141793-77208.jpg",
alt: "Student D",
},
src: "http://img.b2bpic.net/free-photo/confident-young-student-girl-wearing-glasses-back-bag-standing-with-closed-posture-holding-coffee-cup-isolated-orange-with-copy-space_141793-77208.jpg", alt: "Student D"},
{
src: "http://img.b2bpic.net/free-photo/young-lady-blinking-camera-academic-dress-looking-confident_176474-82319.jpg",
alt: "Student E",
},
src: "http://img.b2bpic.net/free-photo/young-lady-blinking-camera-academic-dress-looking-confident_176474-82319.jpg", alt: "Student E"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -337,14 +210,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Ready to take your dancing to the next level? Get in touch today for a free trial class."
buttons={[
{
text: "Contact Us",
href: "#",
},
text: "Contact Us", href: "#"},
]}
/>
</div>
@@ -354,42 +224,27 @@ export default function LandingPage() {
logoText="Queen Tutu"
columns={[
{
title: "About",
items: [
title: "About", items: [
{
label: "Our Mission",
href: "#about",
},
label: "Our Mission", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
],
},
{
title: "Programs",
items: [
title: "Programs", items: [
{
label: "Ballet",
href: "#products",
},
label: "Ballet", href: "#products"},
{
label: "Masterclasses",
href: "#products",
},
label: "Masterclasses", href: "#products"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Use",
href: "#",
},
label: "Terms of Use", href: "#"},
],
},
]}
@@ -398,4 +253,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter-tight), sans-serif;
font-family: var(--font-inter), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-inter-tight), sans-serif;
font-family: var(--font-montserrat), sans-serif;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f6f0e9;
--card: #efe7dd;
--foreground: #2b180a;
--primary-cta: #2b180a;
--primary-cta-text: #f6f0e9;
--secondary-cta: #efe7dd;
--secondary-cta-text: #2b180a;
--accent: #94877c;
--background-accent: #afa094;
--background: #a8a728;
--card: #fdfbf7;
--foreground: #fffffa;
--primary-cta: #100674;
--primary-cta-text: #fff9f9;
--secondary-cta: #1e3a8a;
--secondary-cta-text: #ffffff;
--accent: #a8930b;
--background-accent: #fdfbf7;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);