Merge version_2 into main #2
210
src/app/page.tsx
210
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
name: "Experience", id: "features"},
|
||||
{
|
||||
name: "Voices",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Voices", id: "testimonials"},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Book Now", id: "contact"},
|
||||
]}
|
||||
brandName="Mehfil-e-Baithak"
|
||||
/>
|
||||
@@ -55,64 +47,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="An idea. A vibe. A feeling."
|
||||
description="Ghazals, Shayari, and the soulful echo of live music. Step into the warmth of our gathering."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Spot",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Seat", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dried-floral-natural-design-space_53876-95509.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-with-big-smile_23-2148263403.jpg",
|
||||
alt: "Close-up woman with big smile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-with-big-smile_23-2148263403.jpg", alt: "Close-up woman with big smile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-caucasian-young-girl-smiles-modestly-camera-closing-her-eyes-from-sun-brunette-sits-light-room-against-white-wall-leisure-lifestyle-beauty-concept_197531-32224.jpg",
|
||||
alt: "Attractive caucasian young girl smiles modestly at camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-caucasian-young-girl-smiles-modestly-camera-closing-her-eyes-from-sun-brunette-sits-light-room-against-white-wall-leisure-lifestyle-beauty-concept_197531-32224.jpg", alt: "Attractive caucasian young girl smiles modestly at camera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-outdoors_23-2148522755.jpg",
|
||||
alt: "Beautiful woman posing outdoors",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-outdoors_23-2148522755.jpg", alt: "Beautiful woman posing outdoors"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-sunlight-looking-camera_23-2148229327.jpg",
|
||||
alt: "Portrait of young smiling woman in sunlight",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-sunlight-looking-camera_23-2148229327.jpg", alt: "Portrait of young smiling woman in sunlight"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
|
||||
alt: "Happy young elegant man smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg", alt: "Happy young elegant man smiling"},
|
||||
]}
|
||||
avatarText="Join our community of 500+ soulful music lovers."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Soulful Ghazals",
|
||||
type: "text", text: "Soulful Ghazals"},
|
||||
{
|
||||
type: "text-icon", text: "Live Poetry", icon: Mic,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Live Poetry",
|
||||
icon: Mic,
|
||||
type: "text", text: "Intimate Gatherings"},
|
||||
{
|
||||
type: "text-icon", text: "Curated Art", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Intimate Gatherings",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Curated Art",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artistic Connection",
|
||||
},
|
||||
type: "text", text: "Artistic Connection"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,19 +93,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Music,
|
||||
label: "Performances",
|
||||
value: "150+",
|
||||
},
|
||||
label: "Performances", value: "150+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Storytellers",
|
||||
value: "40+",
|
||||
},
|
||||
label: "Storytellers", value: "40+"},
|
||||
{
|
||||
icon: Calendar,
|
||||
label: "Annual Events",
|
||||
value: "24",
|
||||
},
|
||||
label: "Annual Events", value: "24"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -150,26 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Live Ghazal Nights",
|
||||
description: "Immersive musical evenings featuring seasoned maestros.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-sant-jordi-day-books-roses_23-2151197558.jpg?_wi=1",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/open-book-mock-up-with-roses_23-2148273474.jpg",
|
||||
buttonText: "Discover",
|
||||
},
|
||||
title: "Live Ghazal Nights", description: "Immersive musical evenings featuring seasoned maestros.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-sant-jordi-day-books-roses_23-2151197558.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-photo/open-book-mock-up-with-roses_23-2148273474.jpg", buttonText: "View Session Details"},
|
||||
{
|
||||
title: "Poetic Storytelling",
|
||||
description: "Shayari sessions that touch the heart and stir the soul.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-hall-interior-design-photo-shooting_114579-2234.jpg?_wi=1",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/i-will-eat-first-i-have-photo_329181-2909.jpg",
|
||||
buttonText: "Discover",
|
||||
},
|
||||
title: "Poetic Storytelling", description: "Shayari sessions that touch the heart and stir the soul.", imageSrc: "http://img.b2bpic.net/free-photo/wedding-hall-interior-design-photo-shooting_114579-2234.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-photo/i-will-eat-first-i-have-photo_329181-2909.jpg", buttonText: "View Session Details"},
|
||||
{
|
||||
title: "Intimate Baithaks",
|
||||
description: "Traditional seating arrangements for authentic connection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-tower-full-champaigne-mosaic-background_8353-10398.jpg?_wi=1",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211469.jpg",
|
||||
buttonText: "Discover",
|
||||
},
|
||||
title: "Intimate Baithaks", description: "Traditional seating arrangements for authentic connection.", imageSrc: "http://img.b2bpic.net/free-photo/glass-tower-full-champaigne-mosaic-background_8353-10398.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211469.jpg", buttonText: "View Session Details"},
|
||||
]}
|
||||
title="A Curated Experience"
|
||||
description="Every gathering is designed for intimacy, connection, and deep artistic appreciation."
|
||||
@@ -181,14 +129,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Harmony Arts",
|
||||
"Sufi Souls",
|
||||
"Echo Events",
|
||||
"Rhythm Collective",
|
||||
"Poetic Pulse",
|
||||
"Soul Sound",
|
||||
"Unity Arts",
|
||||
]}
|
||||
"Harmony Arts", "Sufi Souls", "Echo Events", "Rhythm Collective", "Poetic Pulse", "Soul Sound", "Unity Arts"]}
|
||||
title="Partners in Art"
|
||||
description="Collaborating with visionaries who share our passion for the arts."
|
||||
/>
|
||||
@@ -200,60 +141,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ayesha Khan",
|
||||
date: "Oct 2024",
|
||||
title: "Musician",
|
||||
quote: "The atmosphere here is unlike any other. It truly feels like coming home.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-image-beautiful-young-mixed-race-woman-wearing-knitted-sweater-headband-enjoying-weekend-morning-home_344912-2092.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dried-floral-natural-design-space_53876-95509.jpg?_wi=2",
|
||||
imageAlt: "happy portrait of young woman",
|
||||
},
|
||||
id: "1", name: "Ayesha Khan", date: "Oct 2024", title: "Musician", quote: "The atmosphere here is unlike any other. It truly feels like coming home.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-image-beautiful-young-mixed-race-woman-wearing-knitted-sweater-headband-enjoying-weekend-morning-home_344912-2092.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dried-floral-natural-design-space_53876-95509.jpg?_wi=2", imageAlt: "happy portrait of young woman"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rahul Verma",
|
||||
date: "Nov 2024",
|
||||
title: "Poet",
|
||||
quote: "A perfect blend of tradition and modern connection. I was mesmerized.",
|
||||
tag: "Guest",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396803.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-sant-jordi-day-books-roses_23-2151197558.jpg?_wi=2",
|
||||
imageAlt: "happy portrait of young woman",
|
||||
},
|
||||
id: "2", name: "Rahul Verma", date: "Nov 2024", title: "Poet", quote: "A perfect blend of tradition and modern connection. I was mesmerized.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396803.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-sant-jordi-day-books-roses_23-2151197558.jpg?_wi=2", imageAlt: "happy portrait of young woman"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sara Ahmed",
|
||||
date: "Dec 2024",
|
||||
title: "Artist",
|
||||
quote: "The most intimate musical experience I have ever attended in years.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-redhead-female-tourist-rests-her-trip-opens-thermos-drinks-hot-tea-having-break_1258-196634.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-hall-interior-design-photo-shooting_114579-2234.jpg?_wi=2",
|
||||
imageAlt: "happy portrait of young woman",
|
||||
},
|
||||
id: "3", name: "Sara Ahmed", date: "Dec 2024", title: "Artist", quote: "The most intimate musical experience I have ever attended in years.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/young-redhead-female-tourist-rests-her-trip-opens-thermos-drinks-hot-tea-having-break_1258-196634.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wedding-hall-interior-design-photo-shooting_114579-2234.jpg?_wi=2", imageAlt: "happy portrait of young woman"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vikram Singh",
|
||||
date: "Jan 2025",
|
||||
title: "Writer",
|
||||
quote: "Every note resonated with my soul. Absolutely wonderful evening.",
|
||||
tag: "Newcomer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/employee-feels-emotional-strain-frustration-business-failure_482257-125678.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-tower-full-champaigne-mosaic-background_8353-10398.jpg?_wi=2",
|
||||
imageAlt: "happy portrait of young woman",
|
||||
},
|
||||
id: "4", name: "Vikram Singh", date: "Jan 2025", title: "Writer", quote: "Every note resonated with my soul. Absolutely wonderful evening.", tag: "Newcomer", avatarSrc: "http://img.b2bpic.net/free-photo/employee-feels-emotional-strain-frustration-business-failure_482257-125678.jpg", imageSrc: "http://img.b2bpic.net/free-photo/glass-tower-full-champaigne-mosaic-background_8353-10398.jpg?_wi=2", imageAlt: "happy portrait of young woman"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Meera Patel",
|
||||
date: "Feb 2025",
|
||||
title: "Student",
|
||||
quote: "Beautifully curated. The energy in the room was pure magic.",
|
||||
tag: "Guest",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-leaning-against-wooden-sculpture_171337-19338.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-instagram-solid-glyph-icon-presentation-vector-icons-illustration_1142-15451.jpg",
|
||||
imageAlt: "happy portrait of young woman",
|
||||
},
|
||||
id: "5", name: "Meera Patel", date: "Feb 2025", title: "Student", quote: "Beautifully curated. The energy in the room was pure magic.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-leaning-against-wooden-sculpture_171337-19338.jpg", imageSrc: "http://img.b2bpic.net/free-vector/20-instagram-solid-glyph-icon-presentation-vector-icons-illustration_1142-15451.jpg", imageAlt: "happy portrait of young woman"},
|
||||
]}
|
||||
title="Whispers from the Mehfil"
|
||||
description="What our guests feel when they walk into the room."
|
||||
@@ -266,20 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need a ticket?",
|
||||
content: "Yes, tickets are available online to ensure comfortable seating.",
|
||||
},
|
||||
id: "f1", title: "Do I need a ticket?", content: "Yes, tickets are available online to ensure comfortable seating."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is there a dress code?",
|
||||
content: "Come as you feel comfortable—cultural attire is always celebrated.",
|
||||
},
|
||||
id: "f2", title: "Is there a dress code?", content: "Come as you feel comfortable—cultural attire is always celebrated."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I perform?",
|
||||
content: "We host open mics occasionally—reach out via contact!",
|
||||
},
|
||||
id: "f3", title: "Can I perform?", content: "We host open mics occasionally—reach out via contact!"},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Answers to help you prepare for your first Mehfil-e-Baithak."
|
||||
@@ -291,16 +178,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Join the Next Mehfil"
|
||||
description="Sign up for updates or book your spot at our upcoming gathering."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Your Seat", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -310,29 +194,19 @@ export default function LandingPage() {
|
||||
logoText="Mehfil-e-Baithak"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#",
|
||||
},
|
||||
label: "Gallery", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -341,4 +215,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user