Update src/app/page.tsx

This commit is contained in:
2026-04-23 07:49:14 +00:00
parent ad01c39c75
commit ee20eb7e77

View File

@@ -29,17 +29,11 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Classes",
id: "/classes",
},
name: "Classes", id: "/classes"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
brandName="Urban Zen Studio"
/>
@@ -48,35 +42,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Awaken Your Inner Peace"
description="Urban Zen Studio provides a sanctuary for movement, mindfulness, and the quiet joy of being."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/dancer-doing-elegant-performing-art_23-2149144320.jpg",
imageAlt: "Yoga studio peace",
},
imageSrc: "http://img.b2bpic.net/free-photo/dancer-doing-elegant-performing-art_23-2149144320.jpg", imageAlt: "Yoga studio peace"},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-yoga-equipment_23-2151725293.jpg",
imageAlt: "Yoga studio peace",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-yoga-equipment_23-2151725293.jpg", imageAlt: "Yoga studio peace"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-mat-full-shot_23-2149996112.jpg",
imageAlt: "Yoga studio peace",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-mat-full-shot_23-2149996112.jpg", imageAlt: "Yoga studio peace"},
{
imageSrc: "http://img.b2bpic.net/free-photo/yoga-woman-young-woman-doing-yoga-morning_654080-1064.jpg",
imageAlt: "Yoga studio peace",
},
imageSrc: "http://img.b2bpic.net/free-photo/yoga-woman-young-woman-doing-yoga-morning_654080-1064.jpg", imageAlt: "Yoga studio peace"},
{
imageSrc: "http://img.b2bpic.net/free-photo/fairskinned-young-woman-is-doing-exercises-leaning-forward-with-outstretched-arms-spacious-room-slim-lady-sportswear-takes-care-her-health-people-activities-wellness-concept_197531-32152.jpg",
imageAlt: "Yoga studio peace",
},
imageSrc: "http://img.b2bpic.net/free-photo/fairskinned-young-woman-is-doing-exercises-leaning-forward-with-outstretched-arms-spacious-room-slim-lady-sportswear-takes-care-her-health-people-activities-wellness-concept_197531-32152.jpg", imageAlt: "Yoga studio peace"},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-decorative-details-interior_169016-3804.jpg",
imageAlt: "Yoga studio peace",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-decorative-details-interior_169016-3804.jpg", imageAlt: "Yoga studio peace"},
]}
/>
</div>
@@ -88,32 +69,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Physical Harmony",
tags: [
"Health",
"Flexibility",
],
imageSrc: "http://img.b2bpic.net/free-photo/yoga-home-prayer-position_1163-1875.jpg",
},
id: "f1", title: "Physical Harmony", tags: [
"Health", "Flexibility"],
imageSrc: "http://img.b2bpic.net/free-photo/yoga-home-prayer-position_1163-1875.jpg"},
{
id: "f2",
title: "Mental Stillness",
tags: [
"Wellness",
"Focus",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-yoga-stretching_1385-1654.jpg",
},
id: "f2", title: "Mental Stillness", tags: [
"Wellness", "Focus"],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-yoga-stretching_1385-1654.jpg"},
{
id: "f3",
title: "Spiritual Balance",
tags: [
"Growth",
"Mindfulness",
],
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-caucasian-man-casual-clothes-doing-sun-salutation-yoga-sequence-stretching-chest-upward-facing-dog-urdhva-mukha-svanasana_343059-1955.jpg",
},
id: "f3", title: "Spiritual Balance", tags: [
"Growth", "Mindfulness"],
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-caucasian-man-casual-clothes-doing-sun-salutation-yoga-sequence-stretching-chest-upward-facing-dog-urdhva-mukha-svanasana_343059-1955.jpg"},
]}
title="Why Yoga Matters"
description="Yoga is not just about flexibility; it's about the connection between body and spirit."
@@ -128,26 +94,11 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Mary",
role: "Lead Instructor",
description: "Dedicated to holistic alignment.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-home-sitting-meditating-practice-yoga-making-lotus-pose_1258-200221.jpg",
},
id: "t1", name: "Mary", role: "Lead Instructor", description: "Dedicated to holistic alignment.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-home-sitting-meditating-practice-yoga-making-lotus-pose_1258-200221.jpg"},
{
id: "t2",
name: "Anne",
role: "Flow Specialist",
description: "Focuses on rhythmic wellness.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-leader-embraces-self-care-with-sound-therapy-maintain-balance_482257-131480.jpg",
},
id: "t2", name: "Anne", role: "Flow Specialist", description: "Focuses on rhythmic wellness.", imageSrc: "http://img.b2bpic.net/free-photo/professional-leader-embraces-self-care-with-sound-therapy-maintain-balance_482257-131480.jpg"},
{
id: "t3",
name: "Jacob",
role: "Zen Practitioner",
description: "Expert in mindful meditation.",
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-lotus-position_23-2148234149.jpg",
},
id: "t3", name: "Jacob", role: "Zen Practitioner", description: "Expert in mindful meditation.", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-lotus-position_23-2148234149.jpg"},
]}
title="Meet Your Guides"
description="Our trainers are here to nurture your journey at every step."
@@ -157,6 +108,8 @@ export default function LandingPage() {
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Our Sanctuary"
description="A space for peace and rejuvenation."
imageSrc="http://img.b2bpic.net/free-photo/buddha-figure-with-volcanic-stones-bamboo_23-2147621587.jpg"
imageAlt="Buddha figure with volcanic stones and bamboo"
/>
@@ -164,6 +117,14 @@ export default function LandingPage() {
<div id="testimonial" data-section="testimonial">
<TestimonialCardFive
title="Client Stories"
description="Hear from our community about their path to zen."
testimonials={[
{
id: "ts1", name: "Alice", role: "Member", content: "Life-changing experiences daily."},
{
id: "ts2", name: "Bob", role: "Member", content: "Found my inner peace here."},
]}
textboxLayout="default"
useInvertedBackground={false}
/>